@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:#e6d8cb;}
.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_01 {z-index: -60;position:absolute;top: 560px;left: 0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_deco {z-index: -55;position:absolute;top: 0px;left: 0;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}
/*
.bg_deco01 {position:absolute;top: 1050px;width:140%;left: -1120px;height: 37px;background: url(Area02_deco.png?t=1755747947547) repeat-x center top;transform: rotate(43deg);}
.bg_deco02 {position:absolute;top: 560px;width:140%;left: 840px;height:47px;background: url(Area02_deco.png?t=1755747947547) repeat-x center top;transform: rotate(312deg);}	
*/
.bg_repeat {z-index: -70;position:fixed;top: 0;left: 0;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}
.bg_deco_box {position: absolute;width: 2000px;top: -540px;left: 50%;transform: translateX(-50%);height: 1440px;overflow: hidden;z-index: -65;}	
}

@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:fixed;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: 60px!important;}
.Area_bottom2 { margin-bottom: 20px!important; }
}
@media screen and (max-width:767px){
.Area_bottom {margin-bottom: 5vw!important;}
.Area_bottom2 { margin-bottom: 0vw!important; }	
}




/*版頭區塊*/
.Area_title img{ width: 100%; }
@media screen and (min-width:768px){
.Area_title {height: 811px;z-index: 20;}
.top_deco01 {position: absolute;top: 255px;left: 209px;z-index: 2;width: 64%;pointer-events: none;}	
.top_deco02 {position: absolute;top: 408px;left: 210px;z-index: 10;width: 64%;pointer-events: none;}		
.top_deco04 {position: absolute;top: 394px;left: -390px;z-index: 10;width: 19%;pointer-events: none;}		
.top_heart01 {position: absolute;top: 574px;left: 192px;z-index: 10;pointer-events: none;}		
.top_heart02 {position: absolute;top: 504px;left: 490px;z-index: 10;pointer-events: none;}
.top_heart03 {position: absolute;top: 248px;left: 490px;z-index: 3;pointer-events: none;}	
.date_bg {position: absolute;top: 230px;left: 209px;z-index: 10;width: 13%;pointer-events: none;}		
}

@media screen and (max-width:767px){
.Area_title {height: 102vw;z-index: 20;}
.top_deco01 {position: absolute;top: 28vw;left: 8vw;z-index: 10;width: 85%;}	
.top_deco02 {position: absolute;top: 44.5vw;left: 8.3vw;z-index: 15;width: 85%;pointer-events: none;}	
.top_deco04 {position: absolute;top: 128vw;left: 0;z-index: 50;width: 21%;pointer-events: none;}	
.top_heart01 {position: absolute;top: 62vw;left: 7vw;z-index: 10;width: 17%;pointer-events: none;}	
.top_heart02 {position: absolute;top: 53vw;left: 39vw;z-index: 15;width: 25%;pointer-events: none;}
.top_heart03 {position: absolute;top: 25vw;left: 36vw;z-index: 10;width: 49%;pointer-events: none;}
.date_bg {position: absolute;top: 24.3vw;left: 6.2vw;width: 19%;z-index: -5;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: 36px; left: 353px;z-index: 10;width: 32.2%;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 126px;left: 354.2px;z-index: 10;width: 24.5%;}
.title .PD_layout li:nth-of-type(3) {position: absolute;top: 128px;left: 652px;z-index: 10;width: 22%;}
.title .PD_layout li:nth-of-type(4) {position: absolute;top: 220px;left: 605px;z-index: 10;width: 28.2%;}	
.title .PD_layout li:nth-of-type(5) {position: absolute;top: 232px;left: 208px;z-index: 10;width: 13%;}	
.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:248px;left:213px;width:36.4%;z-index:5;}
.top_pd .PD_layout li:nth-of-type(2) {position: absolute;top:360px;left:587px;width:23.3%;z-index:30;}
.top_pd .PD_layout .PD img {width: 100%!important;}	
	
/*編輯按鈕移動*/
#eWriterBtn_bt_B_000_v0-he1 { margin-left: 270px!important; margin-top: 70px!important; z-index: 99!important; }
#eWriterBtn_bt_B_000_v1-he22 { margin-left: 30px!important; margin-top: 10px!important; z-index: 999!important; }
#eWriterBtn_bt_B_000_v0-he3 { margin-left: 280px!important; margin-top: 380px!important; z-index: 99!important; }
}

@media screen and (max-width:767px){
.title {position: relative;top: 1vw;}
.title .PD_layout li:nth-of-type(1) {position: absolute;top: 5.5vw;left: 6vw;z-index: 10;width: 52%;}
.title .PD_layout li:nth-of-type(2) {position: absolute;top: 18vw;left: 5vw;z-index: 12;width: 47%;}
.title .PD_layout li:nth-of-type(3) {position: absolute;top: 18.6vw;left: 52.5vw;z-index: -9; width: 43%;;}
.title .PD_layout li:nth-of-type(4) {position: absolute;top: 33vw;left: 44vw;z-index: -10;width: 57%;}
.title .PD_layout li:nth-of-type(5) {position: absolute;top: 24vw;left: 6.7vw;z-index: 10;width: 18%;}
.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: 36vw;left: 5vw;width: 57%;z-index: 0;}
.top_pd .PD_layout li:nth-of-type(2) {top: 60vw;left: 50vw;width: 39%;z-index: 30;}
.top_pd .PD_layout .PD img {width: 100%!important;}	
}



/*副標*/
.sub .PD_layout ul{display: flex;padding: 0;}
@media screen and (min-width: 768px){
.sub {position: absolute;top: 237px;left: 448px;width: 39%;height: 210px;z-index: 5;}	
.sub .PD_layout .PD img {width: 70%;}	
.sub::after {content:"";position: absolute;display:block;top: -13px;left: 39px;width: 87%;height: 100%;pointer-events:none;z-index: -1;background: url("sub_bg.png?t=1755747947547") center top/100% no-repeat scroll;}
}
@media screen and (max-width:767px){
.sub {position: absolute;top: 32vw;left: 24vw;width: 79.5%;height: 20vw;z-index: 5;}
.sub .PD_layout .PD img {width: 70%;padding: 0;}
.sub::after {content:"";position: absolute;display:block;top: -1.8vw;left: 7.2vw;width: 84%;height: 100%;pointer-events:none;z-index: -1;background: url("sub_bg.png?t=1755747947547") center top/100% no-repeat scroll;}
}

/*輪播特效*/
.Area_title .sub .swiper-slide { opacity: 0; transform: translate(6%,0);}
.Area_title .sub .swiper-slide-active { opacity: 1; transition: 1s ease-out; transform: translate(0,0);}


/*公版背景_OR*/
.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: 130px;justify-content: center;}
.box_txt img{width: 88%!important;padding: 0;}
.box_txt .PD_layout .PD h3 {color: #7e7e7e;font-size: 3.4em;font-family: "Century Gothic","Noto Sans CJK TC";letter-spacing: 0px;}	
.box_txt::before {content:"";position: absolute;display:block;top: -53px;margin: 0 auto;width: 79%;height: 200px;pointer-events:none;z-index: -10;background: url("box_txt_bg.png?t=1755747947547") center top/100% no-repeat scroll;}	
/*
.box_txt2 {position: relative;display: flex;margin: 0 auto;width: 100%;height: 130px;justify-content: center;z-index: 50;}
.box_txt2 img{position: relative;top: -39px;left: -27px;width: 95%!important;padding: 0;}	
.box_txt2 .PD_layout .PD h3 {color: #7e7e7e;font-size: 3.4em;font-family: "Century Gothic","さつき源代明朝";letter-spacing: -1px;padding-left: 80px;}	
.box_txt2::before {content:"";position: absolute;display:block;top: -32px;left: 60px;width: 84%;height: 180px;pointer-events:none;z-index: -10;background: url("m_box_txt_bg2.png?t=1755747947547") center top/100% no-repeat scroll;}		
*/
.box_txt3 {position: relative;margin: 0 auto;width: 76%;z-index: 30;}
.box_txt3 img{width: 100%;}	
.box_txt4 {position: relative;margin: 0 auto;width: 100%;z-index: 30;}
.box_txt4 img{width: 100%;}
.box_txt4::before {content:"";position: absolute;display:block;top: -5px;left: 150px;width: 73%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg4.png?t=1755747947547") center top/100% no-repeat scroll;}
.box_txt4 .PD_layout .PD h3 {color: #6e51c0;font-size: 3.1em;font-family: "Century Gothic","Noto Sans CJK TC";letter-spacing: -1px;padding-left: 150px;}	
	
}

@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;z-index: 30;}
.box_txt img{width: 100%;}
.box_txt::before {content:"";position: absolute;display:block;top: 2vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("box_txt_bg.png?t=1755747947547") center top/100% no-repeat scroll;}	
.box_txt .PD_layout .PD h3 {color: #7e7e7e;font-size: 1.5em;letter-spacing: 0px;line-height: 24vw;font-family: "Century Gothic","Noto Sans CJK TC";max-height: 15vw !important;font-weight: bold;/* padding-top: 2vw; */}
/*
.box_txt2 {position: relative;margin: 0 auto;width: 100%;z-index: 30;}
.box_txt2 img{width: 100%;}
.box_txt2::before {content:"";position: absolute;display:block;top: 2vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg2.png?t=1755747947547") center top/100% no-repeat scroll;}
.box_txt2 .PD_layout .PD h3 {color: #7e7e7e;font-size: 1.5em;letter-spacing: -2px;line-height: 19vw;font-family: "Century Gothic","さつき源代明朝";max-height: 13vw;font-weight: bold;padding-left: 15vw;}
*/
.box_txt3 {position: relative;margin: 0 auto;width: 100%;z-index: 30;}
.box_txt3 img{width: 100%;}	
.box_txt4 {position: relative;margin: 0 auto;width: 100%;z-index: 30;}
.box_txt4 img{width: 100%;}
.box_txt4::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg4.png?t=1755747947547") center top/100% no-repeat scroll;}
.box_txt4 .PD_layout .PD h3 {color: #7e7e7e;font-size: 1.5em;letter-spacing: -2px;line-height: 11vw;font-family: "Century Gothic","Noto Sans CJK TC";max-height: 10vw;font-weight: bold;padding-left: 21vw;}	
	
}



/*公版背景*/
.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: 130px;justify-content: center;}
.box_txt img{width: 88%!important;padding: 0;}
.box_txt .PD_layout .PD h3 {color: #424242;font-size: 3.4em;font-family: "Century Gothic","Noto Sans CJK TC";letter-spacing: 1px;font-weight: 600!important;}	
.box_txt::before {content:"";position: absolute;display:block;top: -29px;margin: 0 auto;width: 79%;height: 200px;pointer-events:none;z-index: -10;background: url("box_txt_bg.png?t=1755747947547") center top/100% no-repeat scroll;}	
/*
.box_txt2 {position: relative;display: flex;margin: 0 auto;width: 100%;height: 130px;justify-content: center;z-index: 50;}
.box_txt2 img{position: relative;top: -39px;left: -27px;width: 95%!important;padding: 0;}	
.box_txt2 .PD_layout .PD h3 {color: #7e7e7e;font-size: 3.4em;font-family: "Century Gothic","さつき源代明朝";letter-spacing: -1px;padding-left: 0px;}	
.box_txt2::before {content:"";position: absolute;display:block;top: -32px;left: 60px;width: 84%;height: 180px;pointer-events:none;z-index: -10;background: url("m_box_txt_bg2.png?t=1755747947547") center top/100% no-repeat scroll;}		
*/
.box_txt3 {position: relative;margin: 0 auto;width: 76%;z-index: 30;}
.box_txt3 img{width: 100%;}	
.box_txt4 {position: relative;margin: 0 auto;width: 100%;z-index: 30;}
.box_txt4 img{width: 100%;}
.box_txt4::before {content:"";position: absolute;display:block;top: -5px;left: 150px;width: 73%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg4.png?t=1755747947547") center top/100% no-repeat scroll;}
.box_txt4 .PD_layout .PD h3 {color: #424242;font-size: 3;font-family: "Century Gothic","Noto Sans CJK TC";letter-spacing: -1px;padding-left: 210px;padding-top: 3px;font-weight: 600!important;}	
	
}

@media screen and (max-width:767px){
.box_txt {position: relative;margin: 0 auto;width: 100%;z-index: 30;}
.box_txt img{width: 100%;}
.box_txt::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("box_txt_bg.png?t=1755747947547") center top/100% no-repeat scroll;}	
.box_txt .PD_layout .PD h3 {color: #424242;font-size: 1.4em;letter-spacing: 0vw;line-height: 15vw;font-family: "Century Gothic","Noto Sans CJK TC";max-height: 15vw !important;font-weight: bold;/* padding-top: 2vw; */}
/*
.box_txt2 {position: relative;margin: 0 auto;width: 100%;z-index: 30;}
.box_txt2 img{width: 100%;}
.box_txt2::before {content:"";position: absolute;display:block;top: 2vw;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg2.png?t=1755747947547") center top/100% no-repeat scroll;}
.box_txt2 .PD_layout .PD h3 {color: #7e7e7e;font-size: 1.5em;letter-spacing: -2px;line-height: 19vw;font-family: "Century Gothic","さつき源代明朝";max-height: 13vw;font-weight: bold;padding-left: 0vw;}
*/
.box_txt3 {position: relative;margin: 0 auto;width: 100%;z-index: 30;padding: 3vw 0 0vw 0;}
.box_txt3 img{width: 100%;}	
.box_txt4 {position: relative;margin: 0 auto;width: 100%;z-index: 30;}
.box_txt4 img{width: 100%;}
.box_txt4::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg4.png?t=1755747947547") center top/100% no-repeat scroll;}
.box_txt4 .PD_layout .PD h3 {color: #424242;font-size: 1.4em;letter-spacing: 0px;line-height: 11vw;font-family: "Century Gothic","Noto Sans CJK TC";max-height: 10vw;font-weight: bold;padding-left: 29vw;}	
	
}



/*01_版頭品公版輪播1*/
.Area_titleb .box01 .PD_layout .PD_into { align-items: center;}
.Area_titleb .box01 .PD_layout .PD h3,.Area_title .box01 .PD_layout .PD h4 { margin-bottom: 0; }
.Area_titleb .box01 .PD_layout .PD_slide { background-color: #fff; border-radius: 0.5em; }
.Area_titleb .box01 .PD_layout .PD_slide:hover { box-shadow: none; }
/*.Area_title .box01 .PD_layout .PD p	{color: #e765d2;}*/
.Area_titleb .box01 .PD_layout .PD h3 span { background-color: #0000; }

@media screen and (min-width: 768px){
.Area_titleb .box01 {position: relative;top: 796px;left: 14px;z-index: 20;width: 1190px;border-radius: 1em;overflow: hidden;}
.PD_boxbg {position: absolute;top: 735px;left: 0;z-index: 10;}	
.Area_titleb .box01 ul{display: flex;grid-gap: 0;padding: 10px 0 30px;}
}
@media screen and (max-width:767px){
/*.Area_titleb .box01 {position: relative;width: 94.5%;overflow: hidden;top: 81vw;right: -10vw;z-index: 20;}*/
	
.Area_titleb .box01 {position: relative;overflow: hidden;margin: 0 auto;padding: 1.5% 0 0;width: 94.5%;}
.Area_titleb .box01 ul.PD_wrapper {grid-gap: 0vw;display: flex;flex-wrap: nowrap; padding-left: 0;margin-bottom: 1vw;}
.Area_titleb .box01 ul.PD_wrapper li { position: relative;flex-shrink: 0;margin: 0;padding: 0;background-color: #fff;border: 0.05vw solid #8c8c8c !important;}	
	
	
	
.PD_boxbg {position: absolute;top: 76vw;left: 0;z-index: 10;height: 66vw;}	
.PD_boxbg::after {content:"";position: absolute;display:block;left: 0;top: 3vw;width: 100%;height: 92%;pointer-events:none;z-index: -1;background-color: #7a6cd1;}
.Area_titleb .box01 ul{display: flex;grid-gap: 0;padding: 0 0 5vw;}
.Area_titleb .box01 .PD_layout .PD p del {font-size: 0.7em;}
.Area_titleb .box01 .PD_layout .PD p .Price{ font-size: 1.5em; }

	
.Area_titleb .swiper_box .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction { bottom: 0!important;}
	
	
}


/**01_版頭品公版輪播2**/	
@media screen and (min-width:768px){
.Area_hot {height: 455px;top: -20px;margin-bottom: 20px !important;}	
	
/**區標**/	
/*.Area_hot .text {position:relative;background:url(pc_bg01.png?t=1755747947547)top center no-repeat;background-size:100%;}*/
/*.Area_hot .text .layout_text {width: 39%;margin: 0 0 0 230px;padding: 20px 0 0 0;}*/
.Area_hot .text .layout_text {position:relative;width:80%;margin:0 auto;padding-bottom:0;height: 240px;}
.Area_hot .text .layout_text .PD_slide:hover{transform:none;}
.Area_hot .text .layout_text .PD a {pointer-events: none!important}
	
/*.Area_hot .box {background:url(pc_ul01.png?t=1755747947547)top center repeat-y;background-size:100%;}	*/
	
.Area_hot .box {position: relative;overflow: hidden;margin: 0 auto;padding: 1.5% 0 0;width: 94.5%;}
.Area_hot .box ul.PD_wrapper {grid-gap: 0vw;display: flex;flex-wrap: nowrap; padding-left: 0;margin-bottom: 1vw;}
.Area_hot .box ul.PD_wrapper li { position: relative;flex-shrink: 0;margin: 0;padding: 0;background-color: #fff;border: 0.05vw solid #8c8c8c !important;}	
.Area_hot .box .PD_layout .PD_into {padding-bottom: 1em!important;}
.Area_hot .box .PD_layout .PD_into .Price {font-size:25px!important;}
.Area_hot .box .PD_layout .swiper-pagination {position:relative;margin:1vw 0;}
	
}
@media screen and (max-width:767px){
.Area_hot {height: 74vw;}
	
/**區標**/	
/*.Area_hot .text {background:url(mo_bg01.jpg?t=1755747947547)top center no-repeat;background-size:100%;}*/
/*.Area_hot .text .layout_text {position:relative;width: 50%;margin: 0 0 0 6vw;padding: 10vw 0 0 0;}*/
.Area_hot .text .layout_text {position:relative;width: 100%;margin: 0 0 0 0vw;padding: 10vw 0 0 0;}
.Area_hot .text .layout_text.PD_layout ul {padding-left: 0em!important;padding-right: 0em!important;}
.Area_hot .text .layout_text .PD a {pointer-events: none!important}
	
/** 公版 **/	
/*.Area_hot .box {background:url(mo_ul01.jpg?t=1755747947547)top center repeat-y;background-size:100%;}	*/
/*
.Area_hot .box .PD_layout {width:96%;overflow:hidden}	
.Area_hot .box .PD_layout { }
.Area_hot .box .PD_layout ul {display:flex;margin:0;padding:0;grid-gap:0;}
.Area_hot .box .PD_layout ul li {margin:0;padding:0;grid-gap:0;border: 0.05vw solid #8c8c8c !important;}
	
*/
.Area_hot .box {position: relative;overflow: hidden;margin: 0 auto;padding: 1.5% 0 0;width: 94.5%;top:0.5vw;}
.Area_hot .box ul.PD_wrapper {grid-gap: 0vw;display: flex;flex-wrap: nowrap; padding-left: 0;margin-bottom: 1vw;}
.Area_hot .box ul.PD_wrapper li { position: relative;flex-shrink: 0;margin: 0;margin-left: -1vw;padding: 0;background-color: #fff;border: 0.05vw solid #8c8c8c !important;}		
	
.Area_hot .box .PD_layout .PD p {height: 2.3em;}
.Area_hot .box .PD_layout .PD_into .Price {font-size:25px!important;}	
.Area_hot .box .PD_layout .swiper-pagination {position:relative;margin: 4vw 0;}

}


/*02_時間軸_03_活動按鈕*/
.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 ul.btn2 { pointer-events: none; } 
.Area00 ul.btn2 li{ list-style: none; } 
.Area00 ul.btn2 li a { opacity: 0; } 
.Area00 ul.btn2 li.selected a { opacity: 1;}
.Area00 .Area00_bg {position: absolute;width: 100%;z-index: -10;}	

@media screen and (min-width: 768px){
.Area00 {z-index: 30;height: auto;padding-bottom: 65px;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;}	
/*02_時間軸*/	
.Area00 .box01 .btn{position: relative;height: auto;display: block!important;top: 78px;left: -14px;}
.Area00 .box01 .btn .Area00_btn{position: absolute;top:0;right: 113px;}
.Area00 .box01 .btn2 {position: relative;height: auto;display: block!important;top: 78px;left: -14px;}
.Area00 .box01 .btn2 .Area00_btn{position: absolute;top:0;right: 113px;}
.Area00 .box01 {position: relative;height: 400px;}
/*03_活動按鈕*/	
.Area00 .box02{position: relative;height: auto;padding-bottom: 4px;}
.Area00 .box03{position: relative;height: auto;}	
.Area00 .PD_layout.bn3 ul {width: 74%;margin: 0 auto;padding: 0 0 2%;grid-gap: 0.55em;}	
.Area00 .bn2 {z-index: 4;}
.Area00 .bn2 .PD_layout ul {width: 74%;margin: 0 auto;padding: 0 0 2%;grid-gap: 0.7em;}	
}

@media screen and (max-width: 767px){
.Area00 {height: auto;z-index: 0;margin-bottom: 2vw!important;}
.Area00 .box_txt { margin: 1.5% auto;}	
.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: 1vw;}
.Area00 ul.btn2{ display: block!important; }
.Area00 ul.btn2 li {position: absolute;top: 6.7vw;left: 0;}
/*02_時間軸*/	
.Area00 .box01 .btn2{position: relative;top: 1vw;}
.Area00 .box01{position: relative;height: 33vw;}
/*03_活動按鈕*/	
.Area00 .box02{position: relative;height: auto;}
.Area00 .box02 .bn3 ul{padding: 0 4.5%;grid-gap: 0.25em;}
.Area00 .box02 .bn2 ul{padding: 0 2%;grid-gap: 0.3em;}
.Area00 .box03 {padding: 0 3% 0;}		
.Area00 .box03 .coupon { padding: 1% 0 0; }
	
.Area00 .bn2{z-index: 99;margin-bottom: 0vw;padding: 2.5%;}	
.Area00 .bn2 ul{ width: 100%;}	
.Area00 .bn2 .remove_box_style ul { width: 100%;grid-gap: 0!important;}	
	
}



/*04_輪播品類日預告*/
.Area01 {height: 620px;}
.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: 310px;left: 53px;width: 60%;background-color: #6ecccb;}
.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: #fff;font-size:1em;}
.Area01 .PD_layout-D2_01[data-pd-btn*="0"] .PD_btn i {border-color: #fff;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 .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=1755747947547) 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.7em;line-height: 43px;}
.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 0em;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: 405px;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: 2px solid #8c8c8c !important;background-color: #fff;}
.Area01 .box_swiper ul.PD_wrapper li .PD_into {margin-top: 8px;}
.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);/*border: 2px solid #000;*/}


@media screen and (max-width:767px){
.Area01 {height:auto;padding-bottom: 0;z-index: 5;}
.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=1755747947547) 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: 3.5vw;height: 7vw;top: 46vw;width: 80%;}

/*字設定*/
.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: 1vw;}
.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:1vw;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;padding: 1.5% 0 0;width: 94.5%;}
.Area01 .box_swiper ul.PD_wrapper {grid-gap: 0vw;display: flex;flex-wrap: nowrap;height: 64vw;padding-left: 0;margin-bottom: 1vw;}
.Area01 .box_swiper ul.PD_wrapper li { position: relative;flex-shrink: 0;margin: 0;margin-left: -1vw;padding: 0;background-color: #fff;border: 0.05vw solid #8c8c8c !important;}	
.Area01 .box_swiper ul.PD_wrapper li .PD_into {margin-top: -4px;}
.Area01 .PD_layout-D2_01[data-pd-btn*="0"] .PD_btn b {color: #fff;font-size:0.8em;}
.Area01 .PD_layout-D2_01[data-pd-btn*="0"] .PD_btn i {border-color: #fff;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;*/}		
}





/*05_公版10品*/
@media screen and (min-width: 768px){
.Area03 {margin-bottom: 110px!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;}
}




/*06_今日明日預告*/
@media screen and (min-width: 768px){
.Area02 {z-index: 30;height: auto;margin-bottom: 110px!important;}
.Area02 .box_all{position: relative;height: auto;padding: 0;}
.Area02 .box_all .PD_layout ul {padding: 0;}
.Area02 .PD2_box.PD_layout {border: 2.1px solid #8c8c8c !important;border-radius: 1em; }
.Area02 .PD2_box.PD_layout .PD_logo {position: absolute;top:0;left: 0;width: 100%;padding: 0 3%;}
.Area02 .PD2_box.PD_layout .PD_time {position: absolute;width: 40%;top: 203px;left: 345px;font-size: 1.1em;border-top: #6b6b6b 1px solid;}
.Area02 .PD2_box.PD_layout .PD_time span {position: relative;top: 15px;left: 1px;color: #6b6b6b;}	
.Area02 .PD2_box.PD_layout .PD_slide {padding: 7px 0 11px 70px;}
.Area02_deco {position: absolute;top: 0%;left: 0;z-index: 30;}
.Area02_deco.PD_layout li:nth-of-type(2) {left: 531px;}
}

/*編輯按鈕移動*/
#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 {z-index: 30;height: auto;}	
.Area02 .box_all{position: relative;height: auto;padding: 2% 0 0;}
/* .Area02 .PD_layout .PD_logo {position: absolute;top:0;left: 1vw;width: 100%;padding: 0 4%;} */
/*.Area02 .PD2_box.PD_layout  {border: 0.05vw solid #8c8c8c !important;;border-radius: 1em; }*/
.Area02 .PD_layout li:nth-child(1) .PD_logo {position: absolute;top:0;left: 1vw;width: 100%;padding: 0 4%;}
.Area02 .PD_layout li:nth-child(2) .PD_logo {position: absolute;top:0;left: 0vw;width: 100%;padding: 0 4%;}

.Area02 .PD_layout .PD_time {position: absolute;left: 0.5vw;width: 98%;font-size: 1em;border-top: #a7a5a5 1px solid;line-height: 2vw;bottom: -5%;}
.Area02 .PD_layout .PD_time span {position: relative;top: 3vw;left: 15vw;color: #6b6b6b;}	
.Area02 .PD_layout .PD_slide {padding: 0;}
.Area02_deco {position: absolute;top: 3.5vw;left: 0;width: 100%;padding: 0 2%;z-index: 30;}
.Area02_deco.PD_layout li:nth-of-type(2) {left: 0vw;}
.Area02 .PD2_box.PD_layout ul {padding: 9vw 1vw 3vw;}
.Area02 .PD2_box.PD_layout .PD_into { text-align: center; }
}
   



/*07_倒數公版*/
@media screen and (min-width: 768px){
.Area04 {margin-bottom: 100px!important;}
.Area04 .box_all {position: relative;}
.Area04 .box_all .PD_layout {margin: 0 2%;}
}
@media screen and (max-width:767px){
.Area04 .box_all {position: relative;padding: 1% 1% 0;margin-bottom: 15vw;}
}

/** 倒數 **/
.TimerNick_2 {position: relative;width: 100%;padding: 0.4% 0 0;top: -13px;left: -2px;margin: 0 auto;height: 43px;z-index: 50;}
/*.TimerNick_2::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("TimerNick_bg.png?t=1755747947547") center top/100% no-repeat scroll;}*/
.TimerNick_2 .FontStyle {position: relative;display:inline-block;width: 57px;top: 0;font: bold 41px/42px Arial ;color: #f7c014;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: #8f8f8f;}
.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: -2vw;left: -0.5vw;height: 8.5vw;text-align: center;padding: 0;}
/*	.TimerNick_2::before {content:"";position: absolute;display:block;top: 0;left: 0;width: 100%;height: 100%;pointer-events:none;z-index: -10;background: url("m_TimerNick_bg.png?t=1755747947547") center top/100% no-repeat scroll;}*/
.TimerNick_2 .FontStyle {margin:0;padding: 0 1.5vw 0 0vw;border:0px;width: 5vw !important;height: 5vw;font: bold 6.3vw/6vw Arial;letter-spacing: 0;}
.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;}
}




/*08_折價券*/
@media screen and (min-width: 768px){
.Area05_weekend {margin-top: 150px !important;}
	
.Area05 {margin-bottom: 40px!important;}
.Area05 .box_all {position: relative;margin: 0 5%;background-color: #504f4f;padding: 0.5% 3% 0%;border-radius: 0em;z-index: 30;}
.Area05 .box_txt .PD_layout .PD h3 {color: #424242;/*font-weight: 600!important;*/}
.Area05 .box_txt:before {content:"";position: absolute;display:block;top: 0;left: 60px;width: 90.1%;height: 178px;pointer-events:none;z-index: -30;background: url("box_txt_bg3.png?t=1755747947547") center top/100% no-repeat scroll;}
.Area05 .box_txt {height: 177px;}
.Area05 .box_txt .PD_layout {top:45px;}
.Area05 .info{margin-bottom: 20px;}
}
@media screen and (max-width:767px){
.Area05_weekend {margin-top: 11vw !important;}
	
.Area05 {height: auto;}
.Area05 .box_all {position: relative;padding: 1.5% 3% 0%;margin-bottom: 0vw;background-color: #504f4f;}
.Area05 .box_txt .PD_layout .PD h3 {color: #424242;/*font-weight: normal;*/line-height: 23vw;}
.Area05 .box_txt:before {content:"";position: absolute;display:block;top:1vw;left: 0;width: 100%;height: 223%;pointer-events:none;z-index: -10;background: url("m_box_txt_bg3.png?t=1755747947547") center top/100% no-repeat scroll;}
.Area05 .info{margin-bottom: 2vw;}
}



/*09_登記活動*/
@media screen and (min-width: 768px){
.Area06 {margin-bottom: 100px!important;}
.Area06 .box_all {position: relative;}
}
@media screen and (max-width:767px){
.Area06 {padding: 1% 0% 0%;}
.Area06 .box_all {position: relative;padding: 1% 2% 4%;}
}


/*10_錨點公版*/
@media screen and (min-width: 768px){
.Area07 {margin-bottom: 180px!important;padding-top: 60px;}
.Area07_top {z-index: -10;position:absolute;top: -120px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;}		
.Area07_end {z-index: -10;position:absolute;top: 120px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
.Area07_repeat {z-index: -10;position:absolute;top: 55px;width:100%;height: 99%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}			
.Area07 .box_all {position: relative;padding-bottom: 60px;}
}
@media screen and (max-width:767px){
.m_Area07_top {z-index: -10;position:absolute;top: -8vw;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}			
.m_Area07_bg {z-index: -1;position:absolute;top: 11vw;width:100%;height: 99%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}
/*.m_Area07_end {z-index: -10;position:absolute;bottom: -8vw;width:100%;height: 100%;background-repeat:no-repeat;background-position: center top;pointer-events:none;background-size: 100%;}			*/
	
.Area07 .box_txt {padding-bottom: 2vw;}
.Area07 { margin: 0 0 -4%!important;padding-top: 2vw; }
}


/*X錨點公版*/
@media screen and (min-width: 768px){
.Area08 {padding-bottom: 80px;margin-bottom: 90px!important;}
.Area08_repeat {z-index: -10;position:absolute;top: 0;width:100%;height: 97%;background-repeat:repeat-y;background-position: center top;pointer-events:none;}			
.Area08_end {z-index: -10;position:absolute;top: 50px;width:100%;height: 100%;background-repeat:no-repeat;background-position: center bottom;pointer-events:none;}
.Area08 .box_all {position: relative;}
}
@media screen and (max-width:767px){
.Area08 {margin-bottom: 10vw!important;}
.m_Area08_bg {z-index: -1;position:absolute;top: 6vw;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}	
.Area08 .box_txt {padding-bottom: 2vw;}
.Area08 .box_all { padding: 2% 0 0; }
}



/*11_滑動公版*/
@media screen and (min-width: 768px){
.Area09 {height: auto;margin-bottom: 145px!important;}
.Area09 .Area09_box {padding: 1% 1%;border-radius: 1em;margin-bottom: 50px !important;}	
}
@media screen and (max-width: 767px){
.Area09 {height: auto;margin-bottom: 8vw !important;}
.Area09 .Area09_box {margin-left: 1vw;padding: 2% 0 0;margin-bottom: 4vw!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: 63vw;padding: 0;margin: 0 0 0 33.5vw;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; }  
  }



/*05_公版10品(mo店+)*/
@media screen and (min-width: 768px){
.Area10 {margin-bottom: 150px!important;}
}
@media screen and (max-width:767px){
.Area10 {margin: 6vw 0 7.5vw!important;}
.Area10 .box_txt::before {content:"";position: absolute;display:block;top: -3.6vw;left: 0;width: 100%;height: 113%;pointer-events:none;z-index: -10;background: url("box_txt_bg.png?t=1755747947547") center top/100% no-repeat scroll;}	
}



/*10_錨點公版2*/
@media screen and (min-width: 768px){
.Area11 {margin-bottom: 40px!important;padding-top: 80px !important;}
.Area11 .box_all {position: relative;padding-bottom: 60px;}
}
@media screen and (max-width:767px){
.Area11 {margin-bottom: 0!important;}
.m_Area11_bg {z-index: -1;position:absolute;top: 6vw;width:100%;height: 100%;background-repeat:repeat-y;background-position: center top;pointer-events:none;background-size: 100%;}	
.Area11 .box_txt {padding-bottom: 2vw;}
.Area11 .box_all {padding: 2% 0 5%;}
}

/*10_錨點公版2*/
@media screen and (min-width: 768px){
.Area12 {}
.Area12 .layout_LOGO {width: 75%;}
.Area12 .layout_LOGO ul li {padding: 0 10px 20px;}
}
@media screen and (max-width:767px){
.Area12 {}
.Area12 .layout_LOGO {width: 94%;}
.Area12 .layout_LOGO ul li {padding: 0 1vw 2vw;}
}




/*區塊_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_r-play { -webkit-animation:bgtop_r-play 15s linear infinite; animation:bgtop_r-play 15s linear infinite ;}
		@-webkit-keyframes bgtop_r-play {
		  0%   { background-position:0 0;}
		  100% { background-position:-500px 0;}
		}
		@keyframes bgtop_r-play {
		  0%   { background-position:0 0;}
		  100% { background-position:500px 0;}
		}

/*輸送帶*/
.bgtop_r-play2 { -webkit-animation:bgtop_r-play2 8s linear infinite; animation:bgtop_r-play2 8s linear infinite ;}
		@-webkit-keyframes bgtop_r-play2 {
		  0%   { background-position:0 0;}
		  100% { background-position:0 -277px;}
		}
		@keyframes bgtop_r-play2 {
		  0%   { background-position:0 0;}
		  100% { background-position:0 -277px;}
		}