@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;background-color:#3ed8cc; 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; margin:0; padding:0;}
.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=1750749509566);background-repeat:repeat-y;background-size:100%;}
	.WRAPPER img {  width:100%;  height:auto;}
}

/*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_02 { z-index:-55; position:absolute; top:797px; left:0; width:100%; height:100%; background-repeat:repeat-y; background-position: center top; pointer-events:none;}
.bg_deco { z-index:-50;position:fixed;top:0px; left:0; width:100%; height:100%; background-position:center 0px; background-repeat:repeat-y; transition:0.5s linear; pointer-events:none;}
.bgfixed { z-index:1; position:absolute;top:0;left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:center top; pointer-events:none;}
}

@media screen and (max-width:767px){
.m_top{ z-index:1;position:absolute; top:11vw; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position: center top; pointer-events:none; background-size: 100%;}
}


/*版頭視差動畫*/
.toppd {z-index:0; position:absolute; background-repeat:no-repeat; background-position: center top; pointer-events:none;}
@media screen and (min-width:768px){
  .toppd { top:0px; left:50%; margin-left: -1000px; width:560px; height:443px;}

}
@media screen and (max-width:767px){
  .toppd { top:0vw; left:0; margin-left:0; width:100%;position: absolute;  }

}

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

/*看更多*/
.box_more1{position:absolute; top:30px; right: 60px;z-index: 11;}
.box_more2{position:absolute; top:80px; right: 50px;z-index: 11;}
.box_more3{position:absolute; top:55px; right: 90px;z-index: 11;}
@media screen and (max-width:767px){
	.box_more1{width: 18%; position:absolute; top:3.5vw; right: 8vw; z-index: 11;}
	.box_more2{width: 19%; position:absolute; top:6vw; right: 10vw; z-index: 11;}
    .box_more3{width: 20%; position:absolute; top:4vw; right: 5vw; z-index: 11;}

}



/*間距*/
.Area_bottom { margin-bottom: 50px!important;}
@media screen and (max-width:767px){
  .Area_bottom { margin-bottom: 0vw !important;}
}




/*公版背景*/
@media screen and (min-width: 768px){
.box_txt {position: relative;margin: 0 auto;width: 100%;height: auto;}
.box_txt img{width: 64%;}
.box_txt2 {position: absolute;margin: 0 auto;width: 100%;height: auto;}
.box_txt2 img{width: 56%;}
.box_txt3 {position: relative;margin: 0 auto;width: 100%;height: auto;}
.box_txt3 img{width: 64%;}
}

@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;padding: 0.5% 0;height: 17vw;}
.box_txt img{width: 100%;}
.box_txt2 {position: absolute;margin: 0 auto;width: 100%;padding: 0.7% 0;height: 15vw;}
.box_txt2 img{width: 100%;}
.box_txt3 {position: relative;margin: 0 auto;width: 100%;padding: 0% 0;height: 16vw;}
.box_txt3 img{width: 100;}
}




/*公版樣式*/
.PDbox.PD_layout .PD_slide {border-radius: 0!important;background-color: #0000;/*background: url("PDbox_bg.png?t=1750749509566") center top/ 100% no-repeat scroll;*/}
.PDbox.PD_layout li:hover {box-shadow: none; }
.PDbox.PD_layout .PD_img img {border-radius: 0.5em!important;/*border: #333333 1px solid;*/}
.PDbox.PD_layout .PD h3 {color: #2f2f2f!important;padding: 0!important;background-color: #0000!important;/*border-top: #fff7eb 1px solid*/;/*border-bottom: #fff7eb 1px solid*/;border-radius: 0!important; margin-bottom: 0em !important;}
.PDbox.PD_layout .PD h4 {color: #2f2f2f;margin-bottom: 5px;}
.PDbox.PD_layout .PD p {color: #db4300;}
.PDbox.PD_layout .PD p del {color: #4d4d4d;}
.PDbox.PD_layout .PD:hover h4 { color: #2f2f2f; }
.PDbox.PD_layout .PD p .Price,.PDbox.PD_layout .PD p .money { color: 000; }
.PD_img .prdImgWrap .imgTag img,.PD_img .prdImgWrap .imgTagBottom img{ border: none; }
PDborder.PD_layout .PD_slide {border: #ffdc85 1px solid;}
.PDbox.PD_layout .PD p span{font-weight:600;}
@media screen and (max-width:767px){
.PDbox.PD_layout .PD_slide {padding: 0% 3.5% 0%; /*background: url("Area08_PDbg2.jpg?t=1750749509566") center top/ 100% no-repeat scroll;*/}
.PDbox.PD_layout .PD h4,.PDbox2.PD_layout .PD h4 {margin-bottom: 0vw;}
.PDbox.PD_layout .PD p,.PDbox2.PD_layout .PD p {font-size: 1em;padding: 0% 3%;height: 2em;}
.PDbox.PD_layout .PD h3 {color: #2f2f2f!important;padding: 0!important;background-color: #0000!important;/*border-top: #fff7eb 1px solid*/;/*border-bottom: #fff7eb 1px solid*/;border-radius: 0!important;margin-bottom: 0!important;}

}



/*公版樣式*/
.PDbox2.PD_layout .PD_slide {border-radius: 0!important;background-color: #0000;/*background: url("PDbox2_bg.png?t=1750749509566") center top/ 100% no-repeat scroll;*/}
.PDbox2.PD_layout li:hover {box-shadow: none; }
.PDbox2.PD_layout .PD_img img {border-radius: 0.5em!important;/*border: #333333 1px solid;*/}
.PDbox2.PD_layout .PD h3 {color: #ffffff!important;padding: 0!important;background-color: #0000!important;/*border-top: #fff7eb 1px solid*/;/*border-bottom: #fff7eb 1px solid*/;border-radius: 0!important; margin-bottom: 0em !important;}
.PDbox2.PD_layout .PD h4 {color: #ffffff;margin-bottom: 5px;}
.PDbox2.PD_layout .PD p {color: #ffffff;}
.PDbox2.PD_layout .PD p del {color: #4d4d4d;}
.PDbox2.PD_layout .PD:hover h4 { color: #2f2f2f; }
.PDbox2.PD_layout .PD p .Price,.PDbox2.PD_layout .PD p .money { color: 000; }
.PD_img .prdImgWrap .imgTag img,.PD_img .prdImgWrap .imgTagBottom img{ border: none; }
PDborder.PD_layout .PD_slide {border: #ffdc85 1px solid;}
.PDbox2.PD_layout .PD p span{font-weight:600;}
@media screen and (max-width:767px){
.PDbox2.PD_layout .PD_slide {padding: 0% 3.5% 0%; /*background: url("Area08_PDbg2.jpg?t=1750749509566") center top/ 100% no-repeat scroll;*/}
.PDbox2.PD_layout .PD h4,.PDbox2.PD_layout .PD h4 {margin-bottom: 0vw;}
.PDbox2.PD_layout .PD p,.PDbox2.PD_layout .PD p {font-size: 1em;padding: 0% 3%;height: 2em;}
.PDbox2.PD_layout .PD h3 {color: #ffffff!important;padding: 0!important;background-color: #0000!important;/*border-top: #fff7eb 1px solid*/;/*border-bottom: #fff7eb 1px solid*/;border-radius: 0!important;margin-bottom: 0!important;}

}


/*共用樣式*/
@media screen and (min-width:768px){ 
.Area_bottom { margin: 0 auto 70px;}
}
@media screen and (max-width:767px){
.Area_bottom { margin: 0 auto 10vw;}
}

/*共用樣式*/
@media screen and (min-width:768px){ 
.Area_bottom_S { margin: 0 auto 60px;}
}
@media screen and (max-width:767px){
.Area_bottom_S { margin: 0 auto 7vw;}
}


/*共用樣式*/
@media screen and (min-width:768px){ 
.title { margin: 0 auto 21px;}
.title img { width: 63%; }
}
@media screen and (max-width:767px){
.title { margin: 0 auto 2.5vw;}
.title img { width: 100%; }
}

/*共用樣式*/
@media screen and (min-width:768px){ 
.title_S { margin: 20px auto 10px;}
.title_S img { width: 40%; }
}
@media screen and (max-width:767px){
.title_S { margin: 5vw auto 0vw;}
.title_S img { width: 75%; }
}

/*共用樣式*/
@media screen and (min-width:768px){ 
.title_B { margin: 20px auto 20px;}
.title_B img { width: 70%; }
}
@media screen and (max-width:767px){
.title_B { margin: 5vw auto 1vw;}
.title_B img { width: 100%; }
}








/*版頭區*/
@media screen and (min-width:768px){
.Area_title {height: 705px;}
.deco01 {position: absolute;top: 880px;left: -390px;animation-delay:.8s;}
.balloon {position: absolute;top: 100px;right: 1240px;animation-delay:.8s;z-index: 30;}
.txt_frame{ position:absolute;top: 480px;left: 250px;z-index: 15;pointer-events:none;}
.txt_frame img{ width: 81%;}
.title_frame{ position:absolute;top: 42px;left: -71px;z-index: 15;pointer-events:none;}
.title_frame img{ width: 105%;}
	
.Area_title .sub {z-index: 20;position: relative;width: 100%;top: 261px;right: 317px;}
	
/*葉子們*/
.leaf01 { position:absolute;right: 1340px;top: 400px;z-index: 15;pointer-events:none;}
.leaf02 { position:absolute;left: 1430px;top: 460px;z-index: 15;pointer-events:none;}
}

@media screen and (max-width: 767px){
.Area_title { width:100%;height: 97vw;}
.deco01{position:absolute;left: 8vw;top: 6vw;width: 58%;}
.balloon{ position: absolute;left: 2vw; top: 10vw;width: 13%;z-index: 30;}
.txt_frame{ position:absolute;top: 0vw;left: 1vw;z-index: 15;pointer-events:none;}
.title_frame{position: absolute;left: 5vw;top: 1vw;width: 77%;z-index: 32;}

.Area_title .sub {z-index: 32;position: relative;top: 23.6vw;left: -0.5vw;width: 87%;height: 8vw;}
.Area_title .sub img {padding: 0;width: 79%;}
	
/*葉子們*/	
.leaf01 {position:absolute;left: -7vw;top: 76vw;width: 21%;z-index: 15;pointer-events:none;}
.leaf02 { position:absolute;left: 65vw;top: 90vw;width: 20%;z-index: 0;pointer-events:none;}


}





/*主標+版頭品微調*/
.Area_title .PD_layout .PD_slide:hover { transform: translateY(0); box-shadow: none;}
.Area_title .PD_layout .PD img { width: auto; }
.Area_title .PD_layout .PD h3 {color: #141414;font-size: 1.2em;max-height: 1.65em;}
.Area_title .PD_layout .PD h4 {color: #141414;line-height: 1.5em;margin-bottom: 0.45em;font-size: 25px;max-height: 1.2em;}
.Area_title .PD_layout .PD :hover h4 { color: #141414; }
.Area_title .PD_layout .PD p { color: #f95029; }
.Area_title .PD_layout .PD p span{ font-weight: 700; font-size: 43px;}
.Area_title .PD_layout .PD p .money{ font-size: 28px;}
.Area_title .PD_layout .PD p b { font-size: 23px;}
.Area_title .PD_layout .PD p del{ display: none;}
@media screen and (max-width: 767px) {
.Area_title .PD_layout .PD h4 {color: #141414;line-height: 1.5em;margin-bottom: 0.4em;font-size: 15px;max-height: 1.2em;}
.Area_title .PD_layout .PD p span{ font-weight: 700; font-size: 26px;}
.Area_title .PD_layout .PD p .money{ font-size: 18px;}
.Area_title .PD_layout .PD p b { font-size: 14px;}
	
}

.box_PD2 .PD_layout ul{ display: flex; }
@media screen and (min-width:768px){
.box_PD2 {position:absolute;width: 120%;overflow: hidden;padding: 0 0 0 270px;left: 313px;top: -90px;z-index: 40;}
.box_PD2 .PD_layout .PD_into {position: relative;top: 572px;left: -264px;font-size: 1.6em;width: 20%;text-align: center;height: 160px;}
.box_PD2 .PD_layout .PD img{width: 48%;padding: 3%;}
.box_PD2 .PD_layout .swiper-slide{opacity: 0 !important;}
.box_PD2 .PD_layout .swiper-slide-active{opacity: 1!important;}
}
@media screen and (max-width: 767px) {
.box_PD2 {position:absolute;left: 2.5vw;top: 37vw;width: 100%;overflow: hidden;z-index: 34;}
.box_PD2 .PD_layout .PD_into {position: absolute;top: 22.2vw;left: 0vw;font-size: 0.9em;width: 40%;text-align: center;height: 23vw;}
.box_PD2 .PD_layout .PD img{position: relative;left: 37vw;top: 0vw; width: 64%;padding: 2%;}
.box_PD2 .PD_layout .swiper-slide{opacity: 0 !important;}
.box_PD2 .PD_layout .swiper-slide-active{opacity: 1!important;}

}





/*版頭主標微調*/
.title .PD_layout .PD img { width: auto!important; }
.title .PD_layout .PD a { pointer-events: none; }
.title .PD_layout .PD_slide:hover {transform: translateY(0); }
.title .PD_layout .PD_slide {min-width: 10%;}
@media screen and (min-width: 768px){
.title { z-index: 99; }
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 125px;left: 119px;z-index: 31;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 175px;left: 7px;z-index: 20;}
.title .PD_layout li:nth-of-type(3) {position: absolute;top: 330px;left: 80px;z-index: 10;}
.title .PD_layout li:nth-of-type(4) {position: absolute;top: 85px;left: 355px;z-index: 11; display: none; }
}
@media screen and (max-width:767px){
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 8.8vw;left: 24.5vw;width: 37%;z-index: 33;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 14.5vw;left: 11.8vw;width: 64%;z-index: 50;}
.title .PD_layout li:nth-of-type(3) {position: absolute;top: 28vw;left: 22vw;width: 56%;z-index: 5;}
.title .PD_layout li:nth-of-type(4) {position: absolute;top: 2vw;left: 61vw;width: 29%;z-index: 0;}
.title .PD_layout ul { display: flex; left: 0;top: 0;}
.title .PD_layout .PD img { width: 100%!important; }
}








/*01_限量IT折價券*/
@media screen and (min-width:768px){
.Area_coupon {height: 260px;z-index: 1;}
.Area_coupon .box {width:85%;margin:0 auto;padding-bottom:5px;}
}	
@media screen and (max-width:767px){
.Area_coupon { height:100%;z-index: 1;padding: 1vw 0 0vw!important;}	
.Area_coupon .box {width:100%;margin-bottom:0.5vw;}
.Area_coupon .box .PD_layout{width:95%;margin:0 auto;padding:0vw 0 0 0;}
}


/*02_按鈕3顆_錨點1顆*/
@media screen and (min-width:768px){
.Area01 { position: relative; height: 420px; top: 0; margin-bottom:0;z-index: 2;}
.Area01 .layout_activity{top:0;}
.Area01 .layout_activity ul {width:880px;margin:0 auto; padding:0 0 0 0; }
.Area01 .layout_activity ul li {padding:0px;margin:0 auto;}
.Area01 .layout_activity ul li img {width:95%;}
.Area01 .layout_activity ul li:nth-child(2){top: 0px;}
	
.Area01 .layout_tag{top: 15px;}
.Area01 .layout_tag ul {width:1220px;margin:0 auto; padding:0 0 0 0; }
.Area01 .layout_tag ul li {padding:5px;margin:0 auto;}
.Area01 .layout_tag ul li img {width:80%;}
}

@media screen and (max-width:767px){
.Area01 .layout_activity{width:93%; height: auto; margin:0 auto;padding:0; z-index: 5; margin-bottom:0vw;/*background:url(mb_05.png?t=1750749509566) top center no-repeat ; background-size:100%;*/ }
.Area01 .layout_activity ul {width:98%;margin:0 auto;padding:0vw 0 0 0;}
.Area01 .layout_activity ul li {margin: 1%;}
.Area01 .layout_activity ul li img {width:100%;}
.Area01 .layout_activity ul li:nth-child(1){top: 0vw;}
.Area01 .layout_activity ul li:nth-child(3){top: 0vw;}
.Area01 .layout_activity.PD_layout[data-pd-col-phone="2"] ul {padding:0.5em ;}

.Area01 .layout_tag{width:100%; height: auto; margin:0;padding:0; z-index: 5; margin-bottom:0vw;top: 1vw; left: 1.5vw; }
.Area01 .layout_tag ul {width:100% ;margin:0 auto;padding:0vw 0 0 0;}
.Area01 .layout_tag ul li {margin: 0%;}
.Area01 .layout_tag ul li img {width:100%;}
.Area01 .layout_tag .PD_layout[data-pd-col-phone="2"] ul {padding:0.5em ;}
	
}


/*03_做圖區6品*/
.Area_item .PD_layout.layout_item .PD_slide .PD_into h3 { color:#292828;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h4 { color:#292828; }
.Area_item .PD_layout.layout_item .PD_slide .PD p { color: #ed5513;}
.Area_item .PD_layout.layout_item .PD_slide .PD p del { color: #292828;}
@media screen and (min-width:768px){
.Area_item {z-index: 9;height: auto;margin-bottom: 50px!important;}
.Area_item .PD_layout.layout_item ul {padding:0 ;}
/*.Area_item .PD_layout.layout_item {padding-top:10px; background-color: #ffec9a; border-radius: 1em;}*/
.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 {padding:20px 10px;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into {padding-left: 5px;position: absolute;left:38px;top:427px;width:80%;}
.Area_item .PD_layout.layout_item .PD_slide .PD_logo {position:absolute;left:0px;top:0px;width:80px;display: none;}
.Area_item .PD_layout.layout_item .PD_slide .PD_logo img { box-shadow: unset;width:80px;height:auto;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h3 {text-align: center; padding: 0; max-height: 1.9em; font-weight: bolder;font-size: 1.6em; line-height: 1.0em; width:100%;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h4 {text-align: center!important; font-size: 1.4em;width:100%; }
.Area_item .PD_layout.layout_item .PD_slide .PD p {text-align: center!important;padding-top:0px;font-size: 1.0em;font-weight: 700;}
.Area_item .PD_layout.layout_item .PD_slide .PD p .Price{ font-size: 2.4em;}
.Area_item .PD_layout.layout_item .PD_slide .PD p del {font-weight: 300;}
.Area_item .PD_layout.layout_item .PD_slide .PD a { position: initial; display: block; text-decoration: none;}
}
@media screen and (max-width:767px){
.Area_item {z-index: 9;width:100%!important;height:100%;padding-top: 6vw !important;padding-bottom: 0vw !important;}
.Area_item .PD_layout.layout_item {top: -5vw;}
.Area_item .PD_layout.layout_item ul {width:99%;margin-top: 3%;padding-bottom: 2vw;}
.Area_item .PD_layout.layout_item li {margin-top: 0%;margin-left:0%;width:100%;margin-bottom:1vw ;}
.Area_item .PD_layout.layout_item .PD_slide:hover {transform:unset;}
.Area_item .PD_layout.layout_item .PD_slide:hover { box-shadow:unset;}
.Area_item .PD_layout.layout_item .PD_slide .PD_img {margin-bottom: 5%;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into {padding-left: 0vw;position: absolute;left:3vw;top:50.5vw;width: 89%;}
.Area_item .PD_layout.layout_item .PD_slide .PD_logo {position:absolute;left:5vw;top:-23vw;width:22vw;height:auto;display: none;}
.Area_item .PD_layout.layout_item .PD_slide .PD_logo img { box-shadow: unset;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h3 { text-align: center!important;padding: 0; max-height: 1.5em; font-weight: bolder;font-size: 0.9em; line-height: 1.3em;}
.Area_item .PD_layout.layout_item .PD_slide .PD_into h4 { text-align: center!important;margin-top:-1.5vw ; font-size: 0.9em;width:100%; }
.Area_item .PD_layout.layout_item .PD_slide .PD p {text-align: center!important;margin: -2vw auto 0;font-weight: 700;}
.Area_item .PD_layout.layout_item .PD_slide .PD p .Price {font-size: 1.3em!important;}
.Area_item .PD_layout.layout_item .PD_slide .PD del {font-size: 0.5em;font-weight: 300;}
.Area_item .PD_layout.layout_item .PD_slide .PD a { position: initial; display: block; text-decoration: none; }
}


/*04_登記*/
@media screen and (min-width: 768px){
.Area03 {height: auto;padding-bottom: 60px !important;z-index: 10;}
.Area03 .box_all {height: 100%;}
.Area03 .box_all .warningTxt h3 { color:#000; text-align: center; font-size: 1rem; line-height: 1.2em; font-weight: 400; padding: 0 0 1.5em; margin: 0}
.Area03 .box01 {position: relative;padding: 0px 0;}
.Area03 .box03 {position: relative;padding: 0px 0;}
}

@media screen and (max-width: 767px){
.Area03 {padding-bottom: 7vw!important;height: auto;}
.Area03 .box_all {height: 100%;}	
.Area03 .box_all .warningTxt h3 { color:#000; text-align: center; font-size: 0.8rem; line-height: 1em; font-weight: 400; padding: 0 0 0.5em; margin: 0}
.Area03 .box01 {padding-top: 0vw;height: auto;}
.Area03 .box01 .Area_danji .danji_box .box_1 { width: 93%; }
.Area03 .box03 {padding-top: 1vw;height: auto;}
.Area03 .box03 .Area_danji { width: 94%; margin-bottom: 0vw; }
}


/*折價券全部*/
@media screen and (min-width:768px){
.Area_coupon_ALL {padding: 20px 0;z-index: 10;} 
.Area_coupon_ALL .boxall { padding-top: 2%; margin-bottom: 20px; /*background-color: #181818;*/}
.coupon_go { margin-top: -120px; } 
}
@media screen and (max-width:767px){
.Area_coupon_ALL {z-index: 10;margin-top: 8vw;margin-bottom: 02vw !important;}
.Area_coupon_ALL .boxall { padding-top: 3.5%; /*background-color: #181818;*/}
.coupon_go { margin-top: -4vw; } 
}


/*02_常態券輪播*/
.Area_couponX {padding-bottom: 70px; overflow: hidden;} 
.Area_couponX .Area_coupon .PD_layout ul { display: flex; flex-wrap: nowrap;padding-left:0;padding-right:0;} 
.Area_couponX .Area_coupon .Area_swiper{ width:100%; height: 28vw; padding-bottom: 0px; overflow: hidden;} 
.Area_couponX .Area_coupon .Area_swiper ul {height: 200px;} 

.Area_couponX .Area_coupon .Area_swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0.8em!important;}
@media screen and (max-width:767px){
.Area_couponX {padding-bottom: 6vw;}
.Area_couponX .Area_coupon { width: 95%; padding-bottom: 2%!important;}
.Area_couponX .Area_coupon .Area_swiper ul { height: 20vw; left: -0vw; }
	
.Area_couponX .Area_coupon .Area_swiper .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { left: 0em; bottom: -0.5em!important;}
}



/**08_BN輪播**/	
@media screen and (min-width:768px){

.Area_bn {height: 280px;margin-bottom: 60px !important;}	
			
.Area_bn .box {}	
.Area_bn .box .PD_layout {width:95%;overflow:hidden}	
.Area_bn .box .PD_layout { }
.Area_bn .box .PD_layout ul {display:flex;height: 225px;margin:0;padding:0;grid-gap:0}
.Area_bn .box .PD_layout ul li {margin:0;padding:0;grid-gap:0}
.Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
	
.Area_bn .box .PD_layout .swiper-pagination {position:relative;margin: 40px 0;}
}
@media screen and (max-width:767px){
.Area_bn {height: 48vw;}
		
/** 公版 **/	
.Area_bn .box .PD_layout {width: 100%;overflow:hidden;padding-bottom: 0vw;}	
.Area_bn .box .PD_layout ul {display:flex;height: 39vw;margin:0;padding:0;grid-gap:0}
.Area_bn .box .PD_layout ul li {margin:0;padding:0;grid-gap:0}
.Area_bn .box .swipwe_remove_box_style ul li {background-color:#fff0!important;}
	
.Area_bn .box .PD_layout .swiper-pagination {position:relative;margin: 4vw 0;}

}





/*07_錨點公版7區*/
@media screen and (min-width:768px){
.Area_K1 {margin-bottom: 70px!important;z-index: 10;}
	
.K1_txt_bg {position: absolute;margin: 0 auto;width: 100%;height: auto;}
.K1_txt_bg img{ width: 75%; }

.Area_K1 .box .Area_sectionTitle ul {position: relative;height: 100px!important; top:9px;margin-bottom: 16px; padding: 0; list-style: none; pointer-events: none;}
.Area_K1 .box .Area_sectionTitle ul li h5 {position: relative;top:0px;margin: 0;padding: 0;width: 100%;height: 88px;font: 43px/80px "Noto Sans CJK SC"; text-align: center;color:#fff;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}
}
@media screen and (max-width:767px){
.Area_K1 { margin-bottom: 6vw!important;z-index: 10;}
	
.K1_txt_bg {position: absolute;margin: 0 auto;width: 100%;padding: 0.7% 0;height: 15vw;}
.K1_txt_bg img{ width: 100%;}
	
.Area_K1 .box h2 {display:block;overflow: hidden;float: none;position: relative;box-sizing: border-box;top:27vw;margin: 0px;padding: 0;width: 100%;height: 17vw;font-size: 7vw;font-family: "Noto Sans CJK SC";font-weight:bold;line-height: 1.7;text-align: center;color: #fff ;letter-spacing: 0;/*background:url(mb_22.jpg?t=1750749509566) no-repeat;background-size:100%;*/}
.Area_K1 .box .Area_sectionTitle ul {padding: 0;margin-bottom: 0vw;list-style: none; }
.Area_K1 .box .Area_sectionTitle ul li h5 {position: relative;top: 3.8vw;margin: 0;padding: 0;width: 100%;height: 14vw;font: 5.7vw/6.5vw "Noto Sans CJK SC"; font-weight: 700; text-align: center;color:#fff;letter-spacing: 0px;overflow: hidden;/*text-shadow: 0px 0px 5px #000;*/}
	
}


	
/*06_各品類*/
.Area_logo{padding: 0; margin-bottom: 10px!important;width: 1220px;height: 430px;}
.Area_logo .PD_layout {top: 0px;width: 70%;}
.Area_logo .PD_layout .PD_slide {border-radius:0.5em;}
.Area_logo .PD_layout ul {grid-gap: 20px!important;padding: 0;}
.Area_logo .PD_layout li {margin: 0px 0px 0px 0px; }
.Area_logo .PD_layout .PD_img{width: 90%;}
@media screen and (max-width:767px){
.Area_logo{padding: 0 0 0;margin-bottom: 0vw!important;width: 100%;height: 55vw;}
.Area_logo .PD_layout {top: -2vw;width: 96%;margin: 0 auto;}	
.Area_logo .PD_layout ul {grid-gap: 0.5vw!important;}
.Area_logo .PD_layout li{margin: 0 0 4% 5%;}
.Area_logo .PD_layout .PD_img{width: 90%;}	
}





/*公版調整(共用)*/
.PDtxt ul{ padding: 0!important; grid-gap:0!important; }
.PDtxt .PD a { pointer-events: none; }
.PDtxt li:hover {filter: brightness(100%)!important; box-shadow: none; }
.PDtxt .PD_slide:hover { transform: translateY(0)!important; }

@media screen and (max-width:767px){
}









/*品牌保健館*/
.Area_gum{padding: 0; margin-bottom: 0px;width: 800px!important;padding-bottom: 20px!important;}
@media screen and (max-width:767px){
.Area_gum{padding: 5vw 0 3vw; margin-bottom: 0px;width: 100%!important;padding-bottom: 5vw!important;}
}








/*區塊_all*/
.Area1220 { margin:0 auto; width:1220px;}
.Area960 { margin:0 auto; width:960px;}
.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);}
		  
		  
.WRAPPER .go_bt1 {
  -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;}
.WRAPPER .go_bt1:hover { 
  -webkit-transform:translateY(-10px);
     -moz-transform:translateY(-10px);
      -ms-transform:translateY(-10px);
       -o-transform:translateY(-10px);
          transform:translateY(-10px);}
		  
		  
	@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;}


	}




/*版頭*/
.Area_top {}
.Area_top .momologo { z-index:10; position: absolute;top:10px; left:40px;}
.Area_top .momologo a { display:block; width:200px; height:71px; }
	@media screen and (max-width:767px){
		.Area_top { height: auto;}
		.Area_top .momologo { display:none;}
	}


/*按鈕*/
.bnn {
}
.bnn a img {
	transition-duration: 0.1s;
	backface-visibility: hidden;
	transform: translateZ(0);
	display: block;
	margin: 0;
	padding: 0px;
	width: 100%;
	height: auto;
	text-align: left;
}
.bnn:hover a img {
	-webkit-transform: translateY(10px);
	transform: translateY(10px);
}	
	
	

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