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

/*基本*/
body{ margin:0; padding:0; background-color: #091b31; }

/*全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;background-color:#f5ddcf;padding-bottom: 110px;}
.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;}
@media screen and (max-width:767px){
.WRAPPER { padding-bottom:30px; min-width: inherit; min-height:100vh; overflow: hidden;background-image: url(m_bg.jpg?t=1772073768951);background-repeat:repeat-y;background-size:100%;}
.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_00 { 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_01 { z-index:-49; 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:-54; position:fixed; bottom:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center bottom; pointer-events:none;}
.bg_03 { z-index:-56; position:fixed; bottom:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center bottom; pointer-events:none;}
.bg_05 { z-index:-52; position:fixed;top:0; 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:767px){
.m_bg_fix {z-index:-8;position:absolute;top: 0;left:0;width:100%;height:100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}	
}


/*間距*/
@media screen and (min-width:768px){
.Area_bottom {margin-bottom: 49px!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 .title .PD_layout .PD a { pointer-events: none; }
.Area_title .title .PD_layout .PD_slide:hover {filter: brightness(100%); transform: translateY(0);}
@media screen and (min-width: 768px){
.Area_title {height: 1030px;z-index: 20;}
.Area_title img{ width: 100%; }
/*版頭主標微調*/
.Area_title .title {width: 80%;left: 30;margin-left: 190px;margin-top: 40px;w: -10;}
.Area_title .title .PD_layout li:nth-of-type(1) {position: absolute;top: 22px;left: 354px;z-index: 10;}
.Area_title .title .PD_layout li:nth-of-type(2) {position: absolute;top: 79px;left: 336px;z-index: 10;}
.Area_title .title .PD_layout .PD img { width: 100%!important; }
/*版頭品L*/
.Area_title  .box_PD .PD_layout {position: absolute;top: 71px;left: 0;width: 567px;height: 700px;overflow: hidden;}
.Area_title  .box_PD .PD_layout ul {display: flex; padding: 0; grid-gap: 0; height: 533px;}
.Area_title  .box_PD .PD_layout ul li.PD_slide { min-width: inherit;}
.Area_title  .box_PD .PD_layout ul li { opacity: 0; transform: translate(5%,0);}
.Area_title  .box_PD .PD_layout ul li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
.Area_title  .box_PD .PD_layout .PD img{width: 100%;}
/*版頭品R*/
.Area_title  .box_PD2 .PD_layout {position: absolute;top: 417px;left: 569px;width: 528px;height: 585px;overflow: hidden;}
.Area_title  .box_PD2 .PD_layout ul {display: flex; padding: 0; grid-gap: 0; height: 533px;}
.Area_title  .box_PD2 .PD_layout ul li.PD_slide { min-width: inherit;}
.Area_title  .box_PD2 .PD_layout ul li { opacity: 0; transform: translate(0,0);}
.Area_title  .box_PD2 .PD_layout ul li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(5%,0);}
.Area_title  .box_PD2 .PD_layout .PD img{width: 83%;}	
/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_v1-he1 { margin-left: 10px!important; margin-top: 90px!important; z-index: 99!important; }

}

@media screen and (max-width:767px){
.Area_title {height: 116vw;z-index: 20;}
.Area_title .title .PD_layout li:nth-of-type(1) {position: absolute;top: 0vw;left: 12.8vw;width: 75%;z-index: 9;}
.Area_title .title .PD_layout li:nth-of-type(2) {position: absolute;top: 6vw;left: 10vw;width: 76%;z-index: 9;}
.Area_title .title .PD_layout .PD img { width: 100%!important; }
/*版頭品L*/
.Area_title  .box_PD .PD_layout {position: absolute;top: 34vw;left: -6vw;width: 68%;overflow: hidden;height: 80vw;}
.Area_title  .box_PD .PD_layout ul {display: flex;padding: 0;grid-gap: 0;height: 533px;}
.Area_title  .box_PD .PD_layout ul li.PD_slide { min-width: inherit;}
.Area_title  .box_PD .PD_layout ul li { opacity: 0; transform: translate(5%,0);}
.Area_title  .box_PD .PD_layout ul li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
.Area_title  .box_PD .PD_layout .PD img{width: 80%;}
/*版頭品R*/
.Area_title  .box_PD2 .PD_layout {position: absolute;top: 52vw;left: 45vw;width: 55%;height: 64vw;overflow: hidden;}
.Area_title  .box_PD2 .PD_layout ul {display: flex; padding: 0; grid-gap: 0; height: 533px;}
.Area_title  .box_PD2 .PD_layout ul li.PD_slide { min-width: inherit;}
.Area_title  .box_PD2 .PD_layout ul li { opacity: 0; transform: translate(5%,0);}
.Area_title  .box_PD2 .PD_layout ul li.swiper-slide-active { opacity: 1; transition: .8s ease-out; transform: translate(0,0);}
.Area_title  .box_PD2 .PD_layout .PD img{width: 100%;}
.Area_title .top_deco {position:absolute;left: -101vw;top: -1vw;z-index:5;width: 119%;animation-delay:.8s;pointer-events: none;}
.Area_title .top_deco2 {position:absolute;left: -33vw;top: 35vw;z-index:5;width: 80%;animation-delay:.8s;pointer-events: none;}
.Area_title .top_deco3 {display: none;} 
}



/*副標*/
.sub .PD_layout ul{ display: flex; }
@media screen and (min-width: 768px){
.sub {position: absolute;top: 240px;left: 735px;width: 43%;height: 110px;padding: 1.4% 0 0 0;z-index: 30;}
.sub .PD_layout .PD img {width: 82%;}	
.sub::after {content:"";position: absolute;display:block;top: 12px;left: 4px;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("sub_bg.png?t=1772073768951") center top/ 83% no-repeat scroll;}	
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 23vw;left: 24vw;width: 83%;z-index: 30;}
.sub .PD_layout .PD img {width: 60%;/* padding: 6% 0 0 0%; */top: 3vw;margin-top: 5.5vw;margin-left: 2vw;}	
.sub::after {content:"";position: absolute;display:block;top: 5vw;left: 1vw;width: 100%;height: 100%;pointer-events:none;z-index: -1;background: url("sub_bg.png?t=1772073768951") center top/ 64% no-repeat scroll;}	
}



/*區塊1*/
@media screen and (min-width: 768px){
.Area01 {}
.Area01 .Area_coupon {position:relative;width: 43%;margin-left: 101px;margin-top: 8px;}
.Area01 .Area_active {position:absolute;width: 83%;top: 102px;left: 580px;}
.Area01 .box01 {padding-top:2vw;}
.Area01 .box01 .Area_danji{width:92%;}
}
@media screen and (max-width: 767px){
.Area01 {}
.Area01 .Area_coupon {position:relative;width:49%;margin-left:1.5vw;}
.Area01 .Area_active {position:absolute;width:98%;top:10vw;left:47vw;}
.Area01 .box01 {padding-top:2vw;}
.Area01 .box01 .Area_danji{width:92%;}
}



/*區塊2*/
.Area02 .PD_layout ul li {border: 1px #ccc solid;}	
@media screen and (min-width: 768px){
.Area02 {height: auto;}
.Area02 .box_all {height: auto;padding: 0 3% 3%;}	
}
@media screen and (max-width: 767px){
.Area02 {height: auto;margin-bottom: 15vw !important;}
.Area02 .PD_layout {width: 97%;}			
}

/** 倒數 **/
.TimerNick_2 {position: relative;width: 100%;top: 0;height: 50px;text-align: center;z-index:4;border-radius: 5em;}
.TimerNick_2 .FontStyle {position: relative;display:inline-block;width: 58px;top: 0;font: normal 39px/42px Arial;color: #ab6162;letter-spacing: 0px;text-align:right;height: 40px;border-radius: 0.3em;}
.TimerNick_2 span {padding-left: 4px;font: 20px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: -0.05em;font-weight: 600;color: #ab6162;}
.TimerNick_2 small{  position:relative; font: bold 16px/38px "微軟正黑體","Microsoft JhengHei", Arial, Helvetica; letter-spacing: 0em;color: #ab6162;}
@media screen and (max-width:767px){
.TimerNick_2 {position: relative;top: -2vw;left: 0;margin:0;width: 98%;height: 7vw;text-align: center;padding: 0;background-color: #0000;border: #0000 0px solid;}
.TimerNick_2 .FontStyle {margin:0;padding: 0.8vw;border:0px;width: 6vw;height: 5vw;font: normal 25px/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: 7vw;}
.TimerNick_2 span {font: bold 3.5vw/11vw "微軟正黑體","Microsoft JhengHei", Arial, Helvetica;letter-spacing: 0em;}
}



/*區塊3*/
/*作圖區*/
.Area03 .PD_layout.layout_item .PD p b {color: #d9715b;}	
.Area03 .PD_layout.layout_item .PD_slide .PD p del { font-size: 0.8em;color: #424242;}
.Area03 .PD_layout.layout_item .PD p .money, .PD_layout.layout_item .PD p .Price {color: #d9715b;font-weight: 700;}
.Area03 .PD_layout.layout_item li {background: url("item_bg.png?t=1675421362055") center top / 100% no-repeat scroll;}	
.Area03 .PD_layout ul{}
@media screen and (min-width:768px){
.Area03 { height: 100%; padding-bottom:80px; }
.Area03 .PD_layout.layout_item {padding: 0;width: 90%;margin-top: -14px;}
.Area03 .PD_layout.layout_item .PD_slide:hover {transform:translateY(-6px);}
.Area03 .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
.Area03 .PD_layout.layout_item .PD_slide {height: 804px;padding:0;margin: 0;}
.Area03 .PD_layout.layout_item .PD_slide .PD_into {width: 90%;padding-left:0;position: absolute;left: 14px;top: 515px;}
.Area03 .PD_layout.layout_item .PD_slide .PD_img img {width: 85%;margin: 11% 10% 0 10%;box-shadow: unset;}
.Area03 .PD_layout.layout_item .PD_slide .PD_into h3 {width: 80%;position: relative;left: 208px;max-height: 1.4em;font-weight: bold;font-size: 35px;line-height: 1.6em;font-family: Noto Sans CJK SC;background-image: repeating-linear-gradient(179deg, #4f4f4f 10%, rgb(37 37 37) 109%) !important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.Area03 .PD_layout.layout_item .PD_slide .PD_into h4 {width: 70%;position: relative;left: 170px;padding: 0 8%;overflow: hidden;font-size: 1.8em;background-image: repeating-linear-gradient(179deg, #db7965 10%, rgb(150 72 56) 109%) !important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.Area03 .PD_layout.layout_item .PD .PD_logo {position: relative;top: 125px;left: -50px;height: 6.6em;}
.Area03 .PD_layout.layout_item .PD .PD_logo img {  box-shadow: none;border-radius: 0;padding: 8%;}
.Area03 .PD_layout.layout_item .PD p {padding: 0;height: 2em;line-height: 2em;font-size: 1.8em;width: 69%;position: relative;text-align: right;left: 114px;}
.Area03 .PD_layout.layout_item .PD p .Price {font-size: 1.8em}
}
@media screen and (max-width:767px){
.Area03 { height:100%;margin-bottom: 8vw!important;}
.Area03 .PD_layout.layout_item {width: 97%;}
.Area03 .PD_layout.layout_item ul {padding-left:0; padding-right:0;}
.Area03 .PD_layout.layout_item li {width: 100%;}
.Area03 .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 3%;}
.Area03 .PD_layout.layout_item .PD_slide .PD_into {padding-left: 4.5vw;position: absolute;left: 0;top: 48vw;width: 100%;text-align: left;}
.Area03 .PD_layout.layout_item .PD_slide .PD_logo {position: relative;left: 0;top: 15vw;display: block;}
.Area03 .PD_layout.layout_item .PD .PD_logo img { padding: 0; box-shadow: none;width: 14vw;height: 4vw;}
.Area03 .PD_layout.layout_item .PD_slide .PD_img img { width: 90%; margin: 10% 2% 0; box-shadow: unset;}
.Area03 .PD_layout.layout_item .PD_slide .PD_into h3 {position: absolute;padding: 0 0 0 15vw;max-height: 1.4em;font-weight: bolder;line-height: 1.7em;margin: 0;font-family: Noto Sans CJK SC;background-image: repeating-linear-gradient(179deg, #272727 10%, hsl(0deg 0% 40.64%) 109%) !important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.Area03 .PD_layout.layout_item .PD_slide .PD_into h4 { position: absolute;top: 5vw;width: 80%;overflow: hidden;padding: 0 0 0 15vw;color: #64440f;margin: 0;line-height:2.2em;}
.Area03 .PD_layout.layout_item .PD_slide .PD p del { color: #424242;}
.Area03 .PD_layout.layout_item .PD p {position: relative;top: 2vw;left: 0vw;height: 2em;line-height: 2em;font-size: 1em;}
.Area03 .PD_layout.layout_item li {height: 75vw;}	
}


/*區塊4*/
.Area04 .layout_page ul li {opacity: 0.4; }
.Area04 .layout_page ul li.cate-hover { opacity: 1; }
/*輪播特效*/
.Area04 .swiper-slide .PD_box01 li .PD{ opacity: 0; transform: translate(0,6%);  }
.Area04 .swiper-slide-active .PD_box01 li .PD{ opacity: 1; transition: 1s ease-out; transform: translate(0,0);}
.Area04 .layout_bn{z-index: 99;}
@media screen and (min-width:768px){
.Area04 {height: 1098px;margin-bottom: 0 !important;}
.Area04 .box {overflow: hidden; height: 970px;}
/*頁籤*/
.Area04 .layout_page {position: relative;width: 94%;left: 0;margin: 0 auto;margin-left: 28px;z-index: 30;height: 137px;}
.Area04 .layout_page ul  {padding: 0!important;margin: 0 4%;flex-direction: column;}
.Area04 .layout_page ul li {padding: 0;top: 0;width: 100%;margin: 0; background: url("logo_bg.png?t=1772073768951") center top/100% no-repeat scroll;}
.Area04 .layout_page ul li img {display: inline-block;padding: 21% 0;}
/*作圖*/
/*手機*/ 
.Area04 .layout_bn{position:absolute;width: 39%;top: 0px;left: 91px;}
.Area04 .layout_bn ul {}
.Area04 .layout_bn ul li {padding:2vw 0!important}
.Area04 .layout_bn ul li img {width:100%;}
.Area04 .layout_bn .PD_slide {background-color:none!important;min-width: inherit;}   
/*4pd*/
.Area04 .layout_4pd{}
.Area04 .layout_4pd ul {width: 42%;padding:0!important;margin: 0 0 0 525px!important;}
.Area04 .layout_4pd ul li {padding: 0;}
.Area04 .layout_4pd ul li img {width: 111%;}
.Area04 .layout_4pd .PD_slide {background-color:none!important;min-width: inherit;}
}
@media screen and (max-width: 767px){
.Area04 {height:129vw;}
.Area04 .box {} 
 /*頁籤*/
.Area04 .layout_page {position: relative;width: 86%;left: -0.5vw;top: 4vw;z-index: 30;height: 40vw;}
.Area04 .layout_page ul  {padding: 0!important;margin: 0 4%;flex-direction: column;}
.Area04 .layout_page ul li {padding: 0;height: 16vw;top: 0;width: 100%;margin: 0; background: url("logo_bg.png?t=1772073768951") center top/100% no-repeat scroll;}
.Area04 .layout_page ul li img {display: inline-block;padding: 21% 0;}
 /*作圖*/
 /*手機*/
.Area04 .layout_bn{position:absolute;width: 45%;top: 1vw;left: 1vw;}
.Area04 .layout_bn ul {}
.Area04 .layout_bn ul li {padding:2vw 0!important}
.Area04 .layout_bn ul li img {width:100%;}
.Area04 .layout_bn .PD_slide {background-color:none!important;min-width: inherit;}
/*4pd*/
.Area04 .layout_4pd{}
.Area04 .layout_4pd ul {width: 52%;padding:0!important;margin: 0 0 0 42vw!important;}
.Area04 .layout_4pd ul li {padding: 0;}
.Area04 .layout_4pd ul li img {width: 111%;}
.Area04 .layout_4pd .PD_slide {background-color:none!important;min-width: inherit;}
}



/*區塊5*/
@media screen and (min-width: 767px){
/*錨點*/  
.Area05 .tag00 {margin-left: 174px;/* width: 80%; */}
.Area05 .tag00 ul {width: 100%;margin:0;padding:0;display:flex;flex-wrap: wrap;}
.Area05 .tag00 ul a {width: 29%;}
.Area05 .tag00 ul a:nth-child(even) {margin-top: 20px;}
.Area05 .tag00 ul a:nth-child(4) {margin-top: -120px;margin-left: 140px;}
.Area05 .tag00 ul a:nth-child(5) {margin-top: -123px;margin-left: 38px;}
/*公版調整*/
.Area05 .box  {position:relative;}  
.Area05 .box .boxstyle {background: url("box_center.png?t=1772073768951") center top/100% repeat-y scroll;}  
.Area05 .box .titleh3 {font: bold 46px/46px "微軟正黑體","Microsoft JhengHei",Helvetica;/* height: 30px; */position: absolute;top: 1px;padding: 0vw 508px;color: #494949;}  
.Area05 .box .Area05_bn  {width: 105%;left: 120px;top: -45px;height: 360px;}	     
.Area05 .box .Area05_pd  {width: 100%;}	
.Area05 .box .Area05_pd ul li {border: 1px #ccc solid;}	   
}

@media screen and (max-width: 767px){
/*錨點*/  
.Area05 .tag00 {margin-left: 4vw;}
.Area05 .tag00 ul {width: 100%;margin:0;padding:0;display:flex;flex-wrap: wrap;}
.Area05 .tag00 ul a {width: 32%;}
.Area05 .tag00 ul a:nth-child(even) {margin-top: 5vw;}
.Area05 .tag00 ul a:nth-child(4) {margin-top: -13vw; margin-left: 13vw;}
.Area05 .tag00 ul a:nth-child(5) {margin-top: -13vw; margin-left: 4vw;}
/*公版調整*/
.Area05 .box  {position:relative;}  
.Area05 .box .boxstyle {background: url("mbox_center.png?t=1772073768951") center top/100% repeat-y scroll;}  
.Area05 .box .titleh3 {font: bold 6vw/6vw "微軟正黑體","Microsoft JhengHei",Helvetica;height: 13vw;position: absolute;top: -2vw;padding:0vw 38vw;color: #494949;}  
.Area05 .box .Area05_bn  {width: 95%;}	     
.Area05 .box .Area05_pd  {width: 93%;}	
.Area05 .box .Area05_pd ul li {border: 1px #ccc solid;}	   
}



/*區塊6*/
.Area06 {display: grid;margin-bottom: 0 !important;}
.Area06 .colorbg{ position: absolute; width: 1218px;top: 193px; margin: 0 auto; background-color: #3c070a; height: 1830px; z-index: -1;}
.Area06 .box{padding: 0 0 0 0;margin: 0;}
.Area06 .Area_1bn2{ width: 50%; float: left;margin-bottom: 80px;}
.Area06 .Area_1bn2 ul{ padding-left: 10px; padding-right: 10px;}
.Area06 .box .Area_1bn2 .PD_img img { width: 100%;}
.Area06 .Area_1bn2 ul li{border: 1px #ccc solid;}
@media screen and (max-width:767px){
.Area06 {height: 100%;margin-bottom: 0 !important;}
.Area06 .box{padding-top: 6vw;}
.Area06 .Area_1bn2{ width: 100%; float: left;margin-bottom: 0;}
.Area06 .Area_1bn2 ul{ padding-left: 0; padding-right: 0;}
.Area06 .box .Area_1bn2 .PD_img img { border-radius:0; }
.Area06 .box .Area_1bn2 { width: 93%;float: none;margin: 0 auto; margin-bottom: 8vw;}
}

/*1+2線上入字公版調整*/
@media screen and (min-width:768px){
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_into,.PD_layout ul.PD_wrapper li:first-child .PD_into h3{ display: block!important; }	
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_into{ position: absolute; left: 7%;top: 28%;}	
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_logo{ width: 100%;padding: 0 8%;height: 53px;display: block!important; }	
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li.PD_slide:first-child { padding: 0;height: 232px; background: url("Area_1bn2_bg.png?t=1677051867536") center top / 100% no-repeat scroll;}
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_img { position: relative;top: -5px;padding: 0; height: auto;}
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_img img { width: 100%;padding: 0 11% 0 51%;border-radius:0; }	
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD h3 {  position: relative;left: 0;font-size: 2em;   background-image: repeating-linear-gradient(179deg,  #965743 10%, rgb(90 38 26) 109%)!important;-webkit-background-clip: text;  -webkit-text-fill-color: transparent;}	
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD p { color: #fff;font-size: 1.2em;}
}

@media screen and (max-width:767px){
.Area_1bn2 ul li:first-child { height: auto; width: 100%;}
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li.PD_slide:first-child { padding: 0;height: 35vw; background: url("Area_1bn2_bg.png?t=1677051867536") center 70% / 100% no-repeat scroll;}
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_into{ position: absolute; left: 8%;top: 27%;}	
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_img { position: absolute;top: -9%;display: block!important; }
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_img img { width: 100%;padding: 0 10% 0 52%; }	
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD_logo img { position: relative;width: 50%;right: 20%;padding: 0; }
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD h3 {position: relative;display: block!important;right: 4vw;font-size: 1.3em;top: -2vw;width: 70%;background-image: repeating-linear-gradient(179deg, #c78484 10%, rgb(104 50 50) 109%) !important;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}	
.PD_layout.Area_1bn2[data-fs-bn-pc*="true"] li:first-child .PD p { color: #fff;font-size: 1.1em;}
}


/*區塊7*/
.Area07 .PD_layout ul li::after{content:"";display:block;pointer-events:none;}   
.Area07 .PD_layout ul li{background: url("logo_bg.png?t=1772073768951") center top/100% no-repeat scroll;}   
@media screen and (min-width: 768px){
.Area07 .PD_layout ul li{height: 128px!important;}   
.Area07 .PD_layout-CSSBG_01 .PD .PD_img{padding-top: 39px;}
}
@media screen and (max-width: 767px){
.Area07 .Area07deco{width: 49%; position:absolute;top: 33vw;left: 49vw;}
.Area07 .PD_layout {width: 95%;}   
.Area07 .PD_layout ul li{height: 18vw !important;}   
.Area07 .PD_layout-CSSBG_01 .PD .PD_img{padding-top:7vw;}
}


/*注意事項區*/
.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; }
@media screen and (max-width:767px){
	.edm_notice{text-align:center;padding: 5vw 0vw 5vw 0vw;color:#000000;font:12px/18px Helvetica;}
	.edm_notice .apple_notice{  padding:10px 0px 10px 0px; }
}



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


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




/*新加入*/


/*區標間距*/
.Area .title_txt { width: 80%;}
.Area .title_txt ul li { pointer-events: none;}
@media screen and (max-width:767px){
  .Area .title_txt { width: 100%;}
  .Area .title_txt ul li { pointer-events: none;}
}


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



/*頁籤*/
@media screen and (min-width: 768px){
	.Area_K101 {}		
	.Area_K101 .bg{background-color: #f8ada4;border-radius: 30px;padding: 10px 0 20px 0;}
	.Area_K101 .bg2{background-color:#f8ada4;border-radius: 30px;padding: 10px 0 20px 0;}	
	.Area_KPD .PD_layout ul{width: 96%;}		
	}
	@media screen and (max-width: 767px){
	.Area_K101 {}		
	.Area_K101 .bg{background-color:#f8ada4;border-radius: 15px;padding: 0vw 0 8vw 0vw;}
	.Area_K101 .bg2{background-color:#f8ada4;border-radius: 15px;padding: 0vw 0 8vw 0vw;}	
	}	
	
	
	/*Area_page*/
	.Area_page h3 { color: #fff; margin: 0; padding: 0}
	@media screen and (min-width:768px){ 
	.Area_page {overflow: hidden;padding: 20px 0 0 0;border-radius: 1em} 
	.Area_page h3 { color: #fff; margin: 0 auto 20px; padding: 0}
	.Area_page .PD_layout {width: 95%;margin: 0 auto;}
	}
	@media screen and (max-width:767px){
	.Area_page {width: 98%;overflow: hidden;padding: 5vw  0 0 0;border-radius: 1em;margin: 0 auto;} 
	.Area_page h3 { color: #fff; margin: 0 auto 2vw; padding: 0}
	}
	
	/* --------------------------------------
		 * Page 頁籤_202405291900
		 * -------------------------------------- */
	.NavArea_tabbar_page {margin: 0 auto 20px;width: 95%;}  
	.NavArea_tabbar_page .Nav { overflow: visible; transform: translate3d(-30.5%, 0, 0);}  
	.NavArea_tabbar_page .Nav_box { border-radius: 8px; overflow: hidden; padding: 0 2%;}
	.NavArea_tabbar_page[data-num="2"] .Nav-wrapper { transform: translate3d(55.5%, 0, 0)!important}
	.NavArea_tabbar_page[data-num="3"] .Nav-wrapper { transform: translate3d(43.0%, 0, 0)!important}
	.NavArea_tabbar_page[data-num="4"] .Nav-wrapper { transform: translate3d(30.5%, 0, 0)!important}
	.NavArea_tabbar_page[data-light="box"] .Nav ul { padding: 0 }
	.NavArea_tabbar_page .Nav li { overflow: visible; }
	 /*頁籤高亮顏色設定 */  
	
	.NavArea_tabbar_page .Nav .swiper-slide-active a { color:#fff;}
	.NavArea_tabbar_page .Nav .swiper-slide-active i { display:block; border: 1px solid #000000 !important; background-color: #000000 !important;}
	/*推編輯按鈕 */  
	.NavArea_tabbar_page .Nav input { position: fixed; left: 30%}
	@media screen and (min-width:768px){ 
	.NavArea_tabbar_page { display: block; }
	}

	/*間距*/
@media screen and (min-width:768px){
	.Area_bottom { margin-bottom: 30px!important; }
	.Area_bottom2 { margin-bottom: 100px!important; }
	}
	@media screen and (max-width:767px){
	.Area_bottom { margin-bottom: 3vw!important; }
	.Area_bottom2 { margin-bottom: 5vw!important; }	
	}