@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;font-family:"微軟正黑體","Microsoft JhengHei",Helvetica;padding-bottom: 30px;overflow: hidden;background-color: #ea663f;}
.WRAPPER img { border:0px; 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){
.bg_fix {z-index: -65;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_deco {z-index: -30;position:absolute;top: 1100px;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_repeat {z-index: -70;position:absolute;top: 0;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_deco01 {z-index: 1;position:absolute;top: 0;left: 50%;transform: translateX(-866px);width:100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
.bg_deco02 {z-index: 1;position:absolute;top: 0;left: 50%;transform: translateX(825px);width:100%;height:100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
}

@media screen and (max-width:767px){
.m_bg_fix {z-index:-8;position:absolute;top: 11vw;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%;}
}




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




/*版頭區塊*/
.Area_title img{ width: 100%; }
@media screen and (min-width:768px){
.Area_title {height: 1200px;z-index: 20;}
.top_deco01 {position: absolute;top: 224px;left: 442px;z-index: 2;width: 11%;pointer-events: none;}	
.title_deco {position: absolute;top: 108px;left: 880px;z-index: 10;width: 5.3%;pointer-events: none;}				
}

@media screen and (max-width:767px){
.Area_title {height: 146vw;z-index: 20;}
.top_deco01 {position: absolute;top: 24vw;left: 30vw;z-index: 10;width: 15%;}	
.title_deco {position: absolute;top: 11.5vw;left: 78.3vw;z-index: 15;width: 7%;pointer-events: none;}	
.m_top_deco01 {position: absolute;top: -1vw;left: 0;z-index: -10;width: 21%;pointer-events: none;}	
.m_top_deco02 {position: absolute;top: 34.8vw;right: 0;z-index: -10;width: 29%;pointer-events: none;}		
}


/*版頭主標微調*/
.Area_title img{width: 100%;border-radius: 0!important;}
.Area_title .PD_layout .PD_slide { min-width:auto; }
.Area_title .PD_layout ul{ background-color: #0000;  }
.Area_title .PD_layout li { border:none; }

@media screen and (min-width: 768px){
.title { z-index: -10; }
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 51px;left: 588px;z-index: 10;width: 37%;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 497px;left: 989px;z-index: 10;width: 15%;transform: rotate(4deg);}
.title .PD_layout .PD img { width: 100%!important; }
.top_pd { z-index: -5; }
.top_pd .PD_layout ul{ padding: 0; }
.top_pd .PD_layout li:nth-of-type(1) {position: absolute;top: 16px;left: -158px;width: 62%;z-index: 5;}
.top_pd .PD_layout li:nth-of-type(2) {position: absolute;top: 331px;left: 783px;width: 23%;z-index: 30;}
.top_pd .PD_layout .PD img {width: 100%!important;}	
.Area_title .deco_txt {position: absolute;top: 74px;left: 1150px;width: 18%;}
.Area_title .deco_txt .deco_txt_02 { margin-top: -2%;}
.Area_title .deco_txt .deco_txt_03 { margin-top: 0;}
.Area_title .deco_txt .deco_txt_04 { margin-top: 0}
	
.Area_title .deco_txt2 {position: absolute;top: 325px;left: -150px;width: 18%;}
.Area_title .deco_txt2 .deco_txt_02 { margin-top: -2%;}
.Area_title .deco_txt2 .deco_txt_03 { margin-top: 0;}
.Area_title .deco_txt2 .deco_txt_04 { margin-top: 0;}
	
}

@media screen and (max-width:767px){
.title {position: relative;top: 1vw;}
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 2.9vw;left: 46vw;z-index: 10;width: 51%;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 55.3vw;left: 74.8vw;z-index: 30;width: 24%;transform: rotate(358deg);}
.title .PD_layout .PD img { width: 100%!important; }
.top_pd {position: relative;}
.top_pd .PD_layout ul{ padding: 0; }
.top_pd .PD_layout li:nth-of-type(1) {position: absolute;top: 2vw;left: -26vw;width: 75%;z-index: 10;}
.top_pd .PD_layout li:nth-of-type(2) {position: absolute;top: 31vw;left: 64vw;width: 31%;z-index: 30;}
.top_pd .PD_layout .PD img {width: 100%!important;}	
}


/*版頭線上入搞品*/
.Area_title .box01 .PD_layout .PD_into { align-items: center;}
.Area_title .box01 .PD_layout .PD h3 { width: 100%; }
.Area_title .box01 .PD_layout[data-pd-h3="5"] .PD h3 span{ max-width: 100%!important; }
.Area_title .box01 .PD_layout .PD h3,.Area_title .box01 .PD_layout .PD h4 { margin-bottom: 0; }
.Area_title .box01 .PD_layout .PD_slide { background-color: #fff; border-radius: 0.5em; }
.Area_title .box01 .PD_layout .PD_slide:hover { box-shadow: none; }
.Area_title .box01 .PD_layout .PD p	{color: #f460dc;}
.Area_title .box01 .PD_layout .PD h3 span { background-color: #0000; }
.Area_title .box01 ul.PD_wrapper { position: relative; display: flex; flex-wrap: nowrap; margin: 0; width: 100%; box-sizing: content-box; background-color: rgba(0,0,0,0); }
.Area_title .box01 ul.PD_wrapper li{ flex-shrink: 0; margin: 0; padding: 0; min-width: auto; background-color: #fff; border-top: none; border-right:none; border-radius: 0.5em;}

@media screen and (min-width: 768px){
.Area_title .box01 {position: relative;top: 676px;left: 102px;z-index: 20;width: 1114px;border-radius: 1em;overflow: hidden;}
.PD_boxbg {position: absolute;top: 735px;left: 0;z-index: 10;}	
.Area_title .box01 ul{grid-gap: 0;padding: 10px 0 30px;}
}
@media screen and (max-width:767px){
.Area_title .box01 {position: relative;width: 90%;overflow: hidden;top: 74vw;right: -9.6vw;z-index: 20;}
.PD_boxbg {position: absolute;top: 60vw;left: 0;z-index: 10;height: 66vw;}	
.PD_boxbg::after {content:"";position: absolute;display:block;left: 0;top: 14vw;width: 100%;height: 103%;pointer-events:none;z-index: -1;background-color: #c9ee51;}
.Area_title .box01 ul{grid-gap: 0;padding: 0 0 5vw;}
.Area_title .box01 .PD_layout .PD p del {font-size: 0.7em;}
.Area_title .box01 .PD_layout .PD p .Price{ font-size: 1.5em; }
}



/*副標*/
.sub .PD_layout ul{display: flex;padding: 0;}
@media screen and (min-width: 768px){
.sub {position: absolute;top: 379px;left: 224px;width: 50%;height: 210px;z-index: 30;overflow: hidden;}	
.sub .PD_layout .PD img {width: 70%;}	
/*.sub::after {content:"";position: absolute;display:block;top: -6px;left: 57px;width: 86%;height: 100%;pointer-events:none;z-index: -1;background: url("sub_bg.png?t=1751004625642") center top/100% no-repeat scroll;}*/
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 42vw;left: 8vw;width: 67%;height: 20vw;z-index: 30;overflow: hidden;}
.sub .PD_layout .PD img {width: 65%;padding: 0;}
/*.sub::after {content:"";position: absolute;display:block;top: -1vw;left: 6vw;width: 86%;height: 100%;pointer-events:none;z-index: -1;background: url("sub_bg.png?t=1751004625642") center top/100% no-repeat scroll;}*/
}



/*公版背景*/
.box_txt ul,.box_txt2 ul,.box_txt3 ul,.box_txt4 ul{ padding: 0; }	
@media screen and (min-width: 768px){
.box_txt {position: relative;display: flex;margin: 0 auto;width: 100%;height: auto;justify-content: center;}
.box_txt img{width: 88%!important;padding: 0;}
.box_txt .PD_layout .PD h3 {color: #fff7ff;font-size: 3.2em;font-family: "Century Gothic";letter-spacing: -1px;}
.box_txtbg::after {content:"";position: absolute;display:block;top: -20px;left: 0;width: 100%;height: 116%;pointer-events:none;z-index: 10;background: url("box_txtbg.png?t=1751004625642") center top/100% no-repeat scroll;}	
}

@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;height: auto;z-index: 30;}
.box_txt img{width: 100%;}
.box_txt .PD_layout .PD h3 {color: #fff;font-size: 1.5em;letter-spacing: -2px;line-height: 11vw;font-family: "Century Gothic","微軟正黑體";max-height: 9vw;font-weight: bold;}
.box_txtbg::after {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("box_txtbg.png?t=1751004625642") center top/100% no-repeat scroll;}	
}



/*區塊0*/
.Area00 ul.btn { pointer-events: none; } 
.Area00 ul.btn li{ list-style: none; } 
.Area00 ul.btn li a { opacity: 0; } 
.Area00 ul.btn li.selected a { opacity: 1;} 
.Area00 .Area00_bg {position: absolute;top: 0;width: 100%;z-index: -10;}	

@media screen and (min-width: 768px){
.Area00 {z-index: 30;height: auto;padding-bottom: 80px;margin: 0!important;}
.box04_bg {z-index: -40;position:absolute;top: 880px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area00 .box01 .btn{position: relative;height: auto;display: block!important;top: 0;left: -14px;}
.Area00 .box01 .btn .Area00_btn{position: absolute;top:0;right: 113px;}
.Area00 .box01{position: relative;margin-top: -26px;height: 510px;}
.Area00 .box02{position: relative;height: auto;padding-bottom: 0;}
.Area00 .box03{position: relative;height: auto;}	
.Area00 .box02 .bn3 ul{grid-gap: 20px;padding: 7px 100px 0;}	
.Area00 .Area_icon{position: relative;top: 260px;z-index: 4;}
.Area00 .Area_icon .PD_layout ul {width: 77%;margin: 0 auto;padding: 0 0 2%;}
	
.Area00 .box02 .bn3 .PD_slide{padding: 7% 6% 24%;background: url("bn3_bg.png?t=1751004625642") center top/100% no-repeat scroll;}			
.Area00 .box02 .bn3 .PD_into {padding: 9% 7% 0;}
.Area00 .box02 .bn3 .PD h3,.Area00 .box02 .bn3 .PD h4 {color: #000;max-height: 1.5em;font-size: 1.3em;}	
.Area00 .box02 .bn3 .PD img {width: 90%;}
	
}

@media screen and (max-width: 767px){
.Area00 {height: auto;z-index: 0;margin-bottom: 7vw!important;}
.m_box04_bg {z-index: -1;position:absolute;top: 94vw;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.Area00 .box_all{position: relative;height: auto;}
.Area00 ul.btn{ display: block!important; }
.Area00 ul.btn li {position: absolute;top: 6.7vw;left: 0;}
.Area00 .box01 .btn{position: relative;top: -7vw;margin: 0;}
	
.Area00 .box01{position: relative;height: 52vw;}
.Area00 .box02{position: relative;height: auto;}
.Area00 .box02 .bn3 ul{padding: 0 2%;}
.Area00 .box03 {padding: 0 3% 0;}		
.Area00 .box03 .coupon { padding: 1% 0 0; }
.Area00 .Area_icon{position: relative;top: 27vw;padding: 0 1.4%;}	
.Area00 .Area_icon ul{ width: 100%;}	
.Area00 .Area_icon .remove_box_style ul { width: 100%;grid-gap: 0!important;}	
	
.Area00 .box02 .bn3 .PD_slide{padding: 7% 6% 18%;background: url("bn3_bg.png?t=1751004625642") center top/100% no-repeat scroll;}			
.Area00 .box02 .bn3 .PD_into {padding: 5% 0 0;}
.Area00 .box02 .bn3 .PD h3 {color: #000;max-height: 1.5em;}	
.Area00 .box02 .bn3 .PD img {width: 90%;}
}



/*區塊1*/
.Area01 {height: 580px;}
.Area01 .box{padding: 0 0 0 0;}
/*框設定*/
.Area01 .PD_layout-D2_01 .PD_slide {border-radius: 1em 1em 1em 1em;}
.Area01 .PD_layout-D2_01.PD_layout[data-pd-btn] .PD_into .PD_into_PDgo {border-radius: 1em 1em 1em 1em!important;position: absolute;top: 317px;left: 43px;background-color: #141416;}
.Area01 .PD_layout-D2_01.PD_layout[data-pd-btn] .PD_into .PD_into_PDgo b::after {content: "SHOP NOW";}
.Area01 .PD_layout-D2_01.PD_layout[data-pd-btn*="box-0"] .PD_btn {background:transparent;width: 69%;}
.Area01 .PD_layout-D2_01[data-pd-btn*="0"] .PD_btn b {color: #cbed5f;font-size:1em;}
.Area01 .PD_layout-D2_01[data-pd-btn*="0"] .PD_btn i {border-color: #cbed5f;top: 11px;left: 4px;}

/*上下標.關閉*/
.Area01 .PD_layout-D2_01.PD_layout .imgTag{display: none !important;}
.Area01 .PD_layout-D2_01.PD_layout .imgTagBottom{display: none !important;}
.Area01 .PD_layout-D2_01.PD_layout .prdImgWrap .imgTagRectangle{display: none !important;}

/*圖設定*/
.Area01 .box_all .PD_img {overflow: hidden;width: 80%!important;height: 90%;z-index: 0;padding: 0 !important;margin: 0 auto;background-color: #fff;position: relative;}
.Area01 .box_all .PD_layout h3{background-image: none !important;}
.Area01 .box_all .PD_layout .PD .PD_logo {height: 6.175em !important;position: absolute; top: 50px;left: -25px;}
.Area01 .box_all .PD_layout .PD{ margin-top: 17px;}
.Area01 .prdImgWrap .imgTag{display: none !important;}
.Area01 .prdImgWrap .imgTagBottom{display: none !important;}
.Area01 .PD_layout-D2_01 .PD_slide {/*background: url(Atag01.png?t=1751004625642) top center no-repeat!important;background-size: 100%;*/padding-bottom: 0;margin-bottom: 0;box-shadow:none;}

/*字設定*/
.Area01 .PD_layout-D2_01 .PD h3,.Area01 .PD_layout-D2_01 .PD h4,.Area01 .PD_layout-D2_01 .PD p,.Area01 .PD_layout-D2_01 .PD:hover h4{color:#000000;font-size: 1.6em;}
.Area01 .PD_layout-D2_01.PD_layout h3{background-color: rgba(255,255,255,0)!important;}
.Area01 .PD_layout-D2_01.PD_layout .PD h4 {font-size:1.7em!important;font-weight: 400;line-height: 1.1em;top:-7px;position: relative;color:#000000;padding: 0 1em;height: 28px;}
.Area01 .PD_layout-D2_01.PD_layout .PD:hover h4 {color:#000000;}
.Area01 .box_swiper { position: relative; overflow: hidden;  margin: 0 auto; }
.Area01 .box_swiper ul.PD_wrapper {display: flex;flex-wrap: nowrap;height: 423px;column-gap: 10px;margin-bottom: 10px;}
.Area01 .box_swiper ul.PD_wrapper li {flex-shrink: 0;margin: 0;padding: 1.5% 0% 0% 0%;border: none;box-shadow: 0 0.1em 0.5em 0 rgba(0, 0, 0, 0.1);/*border: 3px solid #fff;*/background-color: #fff;}
.Area01 .box_swiper .PD_slide { min-width: inherit;}
.Area01 .box_swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0!important;}
.Area01  .myarrow_r { z-index: 99; position: absolute; top:60%;right:-1%; width:50px; height: 70px; cursor: pointer;}
.Area01  .myarrow_l { z-index: 99; position: absolute; top:60%;left:-3%; width:50px; height: 70px; cursor: pointer;}
.Area01 .PD_layout-D2_01.PD_layout[data-pd-pdlogo="1"] .PD .PD_logo img,.Area01 .PD_layout-D2_01.PD_layout[data-pd-pdlogo="2"] .PD .PD_logo img,.Area01 .PD_layout-D2_01.PD_layout[data-pd-pdlogo="3"] .PD .PD_logo img, .Area01 .PD_layout-D2_01.PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img {width: auto;height: 100%; box-shadow: 0 0.1em 0.5em 0 rgba(0, 0, 0, 0.1);}

@media screen and (max-width:767px){
.Area01 {height:auto;padding-bottom: 5vw;z-index: 5;margin-bottom: 0!important;}
.Area01 .box_all .PD_layout .PD{margin-top: 5vw;}

/*上下標.關閉*/
.Area01 .PD_layout-D2_01.PD_layout .imgTag{display: none !important;}
.Area01 .PD_layout-D2_01.PD_layout .imgTagBottom{display: none !important;}
.Area01 .PD_layout-D2_01.PD_layout .prdImgWrap .imgTagRectangle{display: none !important;}


/*圖設定*/
.Area01 .PD_layout-D2_01 .PD_img {overflow: hidden;width: 82%!important;height: 90%;}
.Area01 .PD_layout-D2_01.PD_layout h3{background-image: none !important;}
.Area01 .PD_layout-D2_01.PD_layout .PD .PD_logo {height: 6.175em !important;position: absolute; top: 50px;left: -25px;}

.Area01 .prdImgWrap .imgTag{display: none !important;}
.Area01 .prdImgWrap .imgTagBottom{display: none !important;}
.Area01 .PD_layout-D2_01 .PD_slide {/*background: url(mAtag01.png?t=1751004625642) top center no-repeat!important;background-size: 100%!important;*/padding-bottom: 0;margin-bottom: 0;box-shadow:none;}
.Area01 .PD_layout-D2_01.PD_layout[data-pd-btn] .PD_into .PD_into_PDgo {position: absolute;left: 6vw;height: 7vw;top: 50vw;}

/*字設定*/
.Area01 .PD_layout-D2_01 .PD h3,.Area01 .PD_layout-D2_01 .PD h4,.Area01 .PD_layout-D2_01 .PD p,.Area01 .PD_layout-D2_01 .PD:hover h4{color:#000000;font-size: 1.1em;position: relative;top: 0vw;}
.Area01 .PD_layout-D2_01.PD_layout h3{background-color: rgba(255,255,255,0)!important;}
.Area01 .PD_layout-D2_01.PD_layout .PD h4 {font-size:1.1em!important;height: 21px;font-weight: 400;line-height: 1.1em;top: 0vw;position: relative;color:#000000;}
.Area01 .PD_layout-D2_01.PD_layout .PD:hover h4 {color:#000000;        height:19px;}
.Area01 .box_swiper {position: relative;overflow: hidden;margin: 0 auto;}
.Area01 .box_swiper ul.PD_wrapper {grid-gap: 0;display: flex;flex-wrap: nowrap;height: 66vw;padding-left: 0;padding-left: 0;margin-bottom: 1vw;}
.Area01 .box_swiper ul.PD_wrapper li { position: relative;flex-shrink: 0;margin: 0;padding: 0;background-color: #fff;}	
.Area01 .PD_layout-D2_01[data-pd-btn*="0"] .PD_btn b {color: #d0f559;font-size:0.8em;}
.Area01 .PD_layout-D2_01[data-pd-btn*="0"] .PD_btn i {border-color: #d0f559;top:2.5vw;left:0;}	
.Area01 .box_swiper .PD_slide { min-width: inherit;}
.Area01 .box_swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0!important;}
.Area01  .myarrow_r { z-index: 99; position: absolute; top:47%;right:0; width:50px; height: 70px; cursor: pointer;}
.Area01  .myarrow_l { z-index: 99; position: absolute; top:47%;left:0; width:50px; height: 70px; cursor: pointer;}
.Area01 .PD_layout-D2_01.PD_layout[data-pd-pdlogo="1"] .PD .PD_logo img,.Area01 .PD_layout-D2_01.PD_layout[data-pd-pdlogo="2"] .PD .PD_logo img,.Area01 .PD_layout-D2_01.PD_layout[data-pd-pdlogo="3"] .PD .PD_logo img, .Area01 .PD_layout-D2_01.PD_layout[data-pd-pdlogo="4"] .PD .PD_logo img {width: auto;height: 100%; box-shadow: 0 0.1em 0.5em 0 rgba(0, 0, 0, 0.1);/*border: 2px solid #000;*/}		
}



/*區塊2*/
@media screen and (min-width: 768px){
.Area02 {z-index: 30;height: auto;}
.Area02 .box_all{position: relative;height: auto;padding: 0 2% 2%;}
.Area02 .box_all::after {content:"";position: absolute;display:block;left: 0;bottom: 0;width: 100%;height: 104.7%;pointer-events:none;border-radius: 1em;z-index: -1;background: url("m_Area02_bg.jpg?t=1751004625642") center bottom/100% repeat-y scroll;}
}

/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_v2-he2 { margin-left: -2.5px!important; margin-top: 70px!important; z-index: 99!important; }

@media screen and (max-width: 767px){
.Area02 {height: auto;z-index: 30;}	
.Area02 .box_all{position: relative;height: auto;padding-bottom: 4vw;}
.Area02 .box_all::after {content:"";position: absolute;display:block;left: 0;bottom: 0;width: 100%;height: 101.7%;pointer-events:none;z-index: -1;background: url("m_Area02_bg.jpg?t=1751004625642") center bottom/100% repeat-y scroll;}
}


   


/*區塊3*/
@media screen and (min-width: 768px){
.Area03 {margin-bottom: 90px!important;}
.Area03 .box_all {position: relative;}
.Area03 .box_all .PD_layout {margin: 0 2%;}
}
@media screen and (max-width:767px){
.Area03 .box_all {position: relative;padding: 1% 0 0;}
}



/*區塊4*/
@media screen and (min-width: 768px){
.Area04 {}
.Area04 .box_all {position: relative;padding: 3% 19%;height: 550px;}
.Area04 .box_all::after {content:"";position: absolute;display:block;left: 0;top: 0;width: 100%;height: 100%;pointer-events:none;z-index: -40;background: url("Area04_bg.png?t=1751004625642") center top/100% no-repeat scroll;}
.Area04_deco {position: absolute;top: 280px;left: 557px;width: 8%;z-index: 30;}
.Area04_deco img{ width: 100%; }
	
}
@media screen and (max-width:767px){
.Area04 {padding-bottom: 5vw!important;}
.m_Area04_top {z-index:-50;position:absolute;top: 14vw;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_Area04_repeat {z-index:-50;position:absolute;bottom: 0;left:0;width:100%;height: 90%;background-repeat:repeat-y;background-position: center bottom;pointer-events:none;background-size: 100%;}
.Area04 .box_all {position: relative;padding: 3% 2% 0;}
.Area04_deco {position: absolute;top: 36vw;left: 42.8vw;width: 14%;z-index: 30;}
}

/*作圖區調整*/
@media screen and (min-width: 768px){
.Area04 .PD_box.PD_layout .PD_slide{height: 520px;}
.Area04 .PD_box.PD_layout .PD_slide:nth-of-type(2){margin-top: 25px;}
.Area04 .PD_box.PD_layout .PD_slide:nth-of-type(1)::after {content:"";position: absolute;display:block;left: 0;top: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("Area04_PDbg.png?t=1751004625643") center top/100% no-repeat scroll;}
.Area04 .PD_box.PD_layout .PD_slide:nth-of-type(2)::after {content:"";position: absolute;display:block;left: 0;top: 0;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("Area04_PDbg.png?t=1751004625643") center top/100% no-repeat scroll;}
.Area04 .PD_box.PD_layout .PD h3 {position: absolute;top: -7px;right: 37px;color: #000;font-size: 2em;font-weight: 600;letter-spacing: -1px;}
.Area04 .PD_box.PD_layout .PD_img {margin-top: 60px;padding: 1% 5% 9%;}
.Area04 .PD_box.PD_layout .PD_img img{border: #000 3px solid;border-radius: 1em;}
.Area04 .PD_box.PD_layout .PD h4,.Area04 .PD_box.PD_layout .PD p del {color: #fff;width: 100%;font-size: 1.3em;}
.Area04 .PD_box.PD_layout li:nth-of-type(1) .PD p .money,.Area04 .PD_box.PD_layout li:nth-of-type(1) .PD p .Price { color: #ffa8e7;font-size: 34px; }
.Area04 .PD_box.PD_layout li:nth-of-type(2) .PD p .money,.Area04 .PD_box.PD_layout li:nth-of-type(2) .PD p .Price { color: #cbed5f;font-size: 34px; }
.Area04 .PD_box.PD_layout ul {grid-gap: 115px;}
}
@media screen and (max-width:767px){
.Area04 .PD_box.PD_layout .PD_slide:nth-of-type(2){margin-top: 3vw;}
.Area04 .PD_box.PD_layout .PD_slide:nth-of-type(1)::after {content:"";position: absolute;display:block;left: 0;top: 2vw;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("Area04_PDbg.png?t=1751004625643") center top/100% no-repeat scroll;}
.Area04 .PD_box.PD_layout .PD_slide:nth-of-type(2)::after {content:"";position: absolute;display:block;left: 0;top: 2vw;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("Area04_PDbg.png?t=1751004625643") center top/100% no-repeat scroll;}
.Area04 .PD_box.PD_layout .PD h3 {position: absolute;top: 1%;right: 9%;color: #000;font-size: 1.2em;font-weight: 600;letter-spacing: -1px;}
.Area04 .PD_box.PD_layout .PD_img {margin-top: 11vw;padding: 0 5% 5%;}
.Area04 .PD_box.PD_layout .PD_img img{border: #000 2px solid;border-radius: 0.5em;}
.Area04 .PD_box.PD_layout .PD h4,.Area04 .PD_box.PD_layout .PD p del {color: #fff;width: 95%;}
.Area04 .PD_box.PD_layout li:nth-of-type(1) .PD p .money,.Area04 .PD_box.PD_layout li:nth-of-type(1) .PD p .Price { color: #ffa8e7; }
.Area04 .PD_box.PD_layout li:nth-of-type(2) .PD p .money,.Area04 .PD_box.PD_layout li:nth-of-type(2) .PD p .Price { color: #cbed5f; }
}


/*區塊5*/
@media screen and (min-width: 768px){
.Area05 {margin-bottom: 90px!important;}
.Area05 .box_all {position: relative;padding: 2% 2% 2%;background-color: #000;margin: 0 auto;border-radius: 1em;}
}
@media screen and (max-width:767px){
.Area05 .box_all {position: relative;padding: 1% 0 2%;background-color: #000;width: 96%;margin: 0 auto;border-radius: 1em;}
}

/** 倒數 **/
.TimerNick_2 {position: relative;width: 100%;padding: 0.4% 0 0;top: -7px;left: 0;margin: 0 auto;height: 50px;z-index: 50;}
.TimerNick_2 .FontStyle {position: relative;display:inline-block;width: 62px;top: 0;font: normal 41px/42px Arial;color: #cffb41;letter-spacing: 0px;text-align:right;height: 44px;}

.TimerNick_2 span {padding-left: 6px;font: 27px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;font-weight: 700;color: #fff;}
.TimerNick_2 small{  position:relative; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #2a0d05;}
@media screen and (max-width:767px){
	.TIMER {position: relative;top:-2vw;}
	.TimerNick_2 {position: relative; margin: 0 auto;width: 100%;top: 0;left: 0;height: 8vw;text-align: center;padding: 0;}
	.TimerNick_2 .FontStyle {margin:0;padding: 0 0.8vw;border:0px;width: 5vw;height: 5vw;font: bold 22px/42px Arial;letter-spacing: -1px;}
    .TimerNick_2 div:nth-of-type(2),
	.TimerNick_2 div:nth-of-type(3),
	.TimerNick_2 div:nth-of-type(4){width: 5vw;}
	.TimerNick_2 span {font: bold 4vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0em;}
}




/*區塊6*/
@media screen and (min-width: 768px){
.Area06 {margin-bottom: 30px!important;}
.Area06 .box_all {position: relative;margin: 0 11%;}
.Area06 .box_all .coupon2 { padding-top: 20px; }
}
@media screen and (max-width:767px){
.Area06 {margin-bottom: 0!important;}	
.Area06 .box_all {position: relative;padding: 0 2%;}
.Area06 .box_all .coupon2 { padding-top: 2vw; }
}



/*區塊7*/
@media screen and (min-width: 768px){
.Area07 {margin-bottom: 50px!important;}
.Area07 .box_all {position: relative;}
}
@media screen and (max-width:767px){
.Area07 .box_all {position: relative;padding: 0 2% 0;}
}

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



/*區塊9*/
@media screen and (min-width: 768px){
.Area09 {height: auto;margin-bottom: 70px!important;}
.Area09 .Area09_box {padding: 1% 1%;border-radius: 1em;}	
}
@media screen and (max-width: 767px){
.Area09 {height: auto;}
.Area09 .Area09_box {margin-left: 1vw;padding: 1% 0 0;margin-bottom: 5vw!important;border-radius: 1em 0 0 1em;}	

}
.Area_K2 { margin: 0 auto; display: flex; flex-direction: column; justify-content: flex-start; overflow: auto hidden; border-radius: 1em}
.Area_K2 .box_all  { display: block; height: auto; position: relative}
.Area_K2 .box_ {display: flex;width: max-content;position: relative;white-space: nowrap;flex-direction: row;justify-content: flex-start;}
.box_bn { position: relative; z-index: 0; height: auto  }
.Area_K2 .box_pd { position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: 1em; z-index: 1}
.Area_K2 .PD_layout li:hover { transform: none }
.Area_K2 .PD_layout_pd ul { display: flex; width: max-content;padding: 0; margin: 0; flex-direction: row; flex-wrap: nowrap; background-color: transparent}
.Area_K2 .PD_layout_pd li { min-width:initial ; float: left; background-color: #fff; border-bottom: solid 1px #d1d1d1 !important; border-left: solid 1px #d1d1d1!important; border-right: none!important }
.PD_layout_bn { position: absolute; ; height: 100%; left: 0; top: 0}
.PD_layout_bn ul { width: 100%; padding: 0; margin: 0;  }

  @media screen and (min-width:768px){ 
    .Area_K2 {position: relative;width: 987px;left: 103px;} 
    .box_bn {width: 193px;}  
    .Area_K2 .PD_layout_pd li { width: 250px; }
	.PD_layout_bn .PD_slide { border-radius: 1em; overflow: hidden; }
  }
  @media screen and (max-width:767px){
    .Area_K2 {position: relative;width: 66vw;padding: 0;margin: 0 0 0 35vw;border-radius: 1em;} 
    .box_bn {width: 34vw;}  
    .Area_K2 .box_pd {margin-left: 0;border-radius: 1em 0 0 1em;} 
    .Area_K2 .PD_layout_pd li {width: 38vw;height: 63vw;} 
	.PD_layout_bn { position: absolute; ; height: 100%; left: 0; top: 0}
	.PD_layout_bn ul { width: 100%; padding: 0; margin: 0;  } 
	.PD_layout_bn .PD_slide { border-radius: 1em; overflow: hidden; }  
  }



/*區塊10*/
@media screen and (min-width: 768px){
.Area10 {margin-bottom: 40px!important;}
}
@media screen and (max-width:767px){
.Area10 {margin-bottom: 8vw!important;}
}


/*---08_公版1帶2---*/
@media screen and (min-width:768px){
	.Area_2pd{margin: 40px auto 60px auto !important;}
	.Area_2pd .text {width: 77%;height: 104px;}
	.Area_2pd .box_all{width: 97%;position: relative;display: flex;justify-content: center;flex-wrap: wrap;left: 15px;}
	/* .Area_2pd .box_all{padding: 3% 4% 4%;background-color: #f199d9;border-radius: 0em;left: -32px;} */

	/*背景圖*/ 
	.Area_2pd .box_all .box{width: 45%;position: relative;padding: 20px 21px 35px 21px;margin: 50px auto 0 auto;background:url(2PD_bg01.png?t=1751004625643)top center no-repeat;background-size:100%;}
	.Area_2pd .box_all .box2{width: 45%;position: relative;padding: 13px 13px 20px 13px;margin: 35px auto 0 auto;background:url(2PD_bg02.png?t=1751004625643)top center no-repeat;background-size:100%;}
		
	/*logo*/ 
	.Area_2pd .logo{width: 95%;height: 55px;padding: 13px 0 0 10px;/* background: no-repeat right top/100% url("logo_bg02.png?t=1751004625643"); */}
	.Area_2pd .logo ul{grid-gap: 0;}
	.Area_2pd .logo ul .PD_into{padding: 0;}
	.Area_2pd .logo ul .PD_logo{width: 40%;position: absolute;top: 8px;left: 13px;}
	.Area_2pd .logo ul li h3{color: #000000;width: 50%;position: absolute;right: -6px;top: -9px;margin: 0 auto;font-size: 2.3em;}
	/*公版*/
	.Area_2pd .ly{width: 100%;margin: 20px auto 50px;}
	.Area_2pd .ly .PD_layout ul{padding: 0;}
}
@media screen and (max-width:767px){
	.Area_2pd{margin: 6vw auto 0vw auto;width: 98%;}
	.Area_2pd .box_all {position: relative;width: 98%;margin: 0 auto;padding: 1% 0 2%;/*background-color: #f199d9;*/border-radius: 0em;}
	/*背景圖*/ 
	.Area_2pd .box_all .box{left: 0vw;position: relative;margin: 0vw auto 6vw auto;padding: 0 0 8vw 0;background:url(2PD_bg01_m.png?t=1751004625643)top center no-repeat;background-size: 100%!important;}
	.Area_2pd .box_all .box2{left: 0vw;position: relative;margin: 0vw auto 1vw auto;padding: 0 0 7vw 0;background:url(2PD_bg01_m.png?t=1751004625643)top center no-repeat;background-size: 100%!important;}
		
	/*logo*/ 
	.Area_2pd .logo{width: 97%;height: 17.5vw;/*background: no-repeat top center/100% url("logo_bg02.png?t=1751004625643");*/}
	.Area_2pd .logo ul{grid-gap: 0;}
	.Area_2pd .logo ul .PD_into{padding: 0;}
	.Area_2pd .logo ul .PD_logo{width: 36%;position: relative;top: 6vw;left: 7vw;}
	.Area_2pd .logo ul li h3{color: #000000;width: 48%;position: absolute;right: 0.8vw;top: 3vw;margin: 0 auto;font-size: 1.6em;}
	
	/*公版*/
	.Area_2pd .ly{width: 96%;margin: 0 auto;padding: 0 0 5vw 0;}
	.Area_2pd .ly .PD_layout ul{padding: 1vw;}
}
	
	
	



/*區塊11*/
@media screen and (min-width: 768px){
.Area11 {padding: 120px 0 0;margin-bottom: 40px!important;}
.Area11 .box_all {margin: 1% auto 5%;background-color: #000;border-radius: 1.8em;padding: 20px 20px 30px;}
.Area11_top {z-index: -40;position:absolute;top: 0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}	
.Area11_repeat {z-index: -40;position:absolute;top: 200px;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}					
}
@media screen and (max-width:767px){
.Area11 {padding: 6vw 0 1vw;margin-bottom: 0!important;}
.Area11 .NavArea { padding-bottom: 5vw; }
.m_Area11_top {z-index:-50;position:absolute;top: 0;left:0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}
.m_Area11_repeat {z-index:-50;position:absolute;bottom: 0;left:0;width:100%;height: 99.6%;background-repeat:repeat-y;background-position: center bottom;pointer-events:none;background-size: 100%;}
.Area11 .box_all {margin: 2% auto 7%;background-color: #000;width: 96%;border-radius: 1em;padding-bottom: 5vw;}
}




/*區塊_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%;}
		.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;}
	}




/*飄動*/
	.bgtop_l-play { -webkit-animation:bgtop_l-play 50s linear infinite; animation:bgtop_l-play 50s linear infinite ;}
		@-webkit-keyframes bgtop_l-play {
		  0%   { background-position:0 0;}
		  100% { background-position:0 2000px ;}
		}
		@keyframes bgtop_l-play {
		  0%   { background-position:0 0;}
		  100% { background-position:0 2000px;}
		}



/*文字動畫01*/
.textplay01 {-webkit-animation-duration:1s;  animation-duration: 1s;  -webkit-animation-name:textplay01;  animation-name:textplay01;  -webkit-animation-iteration-count: infinite;    animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate; }
@-webkit-keyframes textplay01 { 
		0% {  opacity:1;} 
		10% { opacity:1;}  
		20% { opacity:1;}  
		30% { opacity:1;} 		
		100%{opacity: 1;}

	
}
@keyframes textplay01 {
		0% {  opacity:1;} 
		10% { opacity:1;}  
		20% { opacity:1;}  
		30% { opacity:1;} 		
		100%{opacity: 1;}
}


/*文字動畫02*/
.textplay02 {-webkit-animation-duration:1s;  animation-duration: 1s;  -webkit-animation-name:textplay02;  animation-name:textplay02;  -webkit-animation-iteration-count: infinite;    animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate; }
@-webkit-keyframes textplay02 { 
		0% {  opacity:0;} 
		10% { opacity:0.8;}  
		20% { opacity:0.8;}  
		30% { opacity:0.8;} 		
		100%{opacity: 0.8;}
	
}
@keyframes textplay02 {
		0% {  opacity:0;} 
		10% { opacity:0.8;}  
		20% { opacity:0.8;}  
		30% { opacity:0.8;} 		
		100%{opacity: 0.8;}
}


/*文字動畫03*/
.textplay03 {-webkit-animation-duration:1s;  animation-duration: 1s;   -webkit-animation-name:textplay03;  animation-name:textplay03;  -webkit-animation-iteration-count: infinite;    animation-iteration-count:infinite; -webkit-animation-direction: alternate;animation-direction: alternate; }
@-webkit-keyframes textplay03 { 
		0% {  opacity:0;} 
		10% { opacity:0;}  
		20% { opacity:0.6;}  
		30% { opacity:0.6;} 		
		100%{opacity: 0.6;}
	
}
@keyframes textplay03 {
		0% {  opacity:0;} 
		10% { opacity:0;}  
		20% { opacity:0.6;}  
		30% { opacity:0.6;} 		
		100%{opacity: 0.6;}
}


/*文字動畫04*/
.textplay04 {-webkit-animation-duration:1s;  animation-duration: 1s;   -webkit-animation-name:textplay04;  animation-name:textplay04;  -webkit-animation-iteration-count: infinite;    animation-iteration-count:infinite;  -webkit-animation-direction: alternate;animation-direction: alternate;}
@-webkit-keyframes textplay04 { 
		0% {  opacity:0;} 
		10% { opacity:0;}  
		20% { opacity:0;}  
		30% { opacity:0.4;} 		
		100%{opacity:0.4;}
	
}
@keyframes textplay04 {
		0% {  opacity:0;} 
		10% { opacity:0;}  
		20% { opacity:0;}  
		30% { opacity:0.4;} 		
		100%{opacity:0.4;}
}