/* 各頁面CSS */

/*切換PC置頂選單*/
.cantantBase1{ display: block; }
.cantantBase2{ display: none; }

/*共同設定*/
.Area960 {position: relative;}
.calendar{position: relative;}
.calendar ul { padding: 0; grid-gap:0; }
.Area_boxstyle_title{ width:47%; }
@media screen and (max-width:767px){
.Area_boxstyle_title{ width:55%; }
.Area_boxstyle .Area_boxstyle_box1,.Area_boxstyle .Area_boxstyle_box2,.Area_boxstyle .Area_boxstyle_box3 { padding-inline-start:0; padding-inline-end:0;  }	
.Area_boxstyle--hasBackdrop:before {left: -2vw !important;width: 106% !important;border-radius: 0;}	
}
/*不要連結*/
.novariant.PD_layout .PD a { pointer-events: none; }
.novariant.PD_layout .PD_slide:hover {  transform: none; filter: none;}
/*排除hover*/
.nohover.PD_layout .PD_slide:hover { transform: none; filter: none; box-shadow: none;  }
/*移除公版設定*/
.remove_box_style ul { background-color: transparent; grid-gap: 10px;}
.remove_box_style ul li { border: none!important;}
@media screen and (max-width:767px){
.remove_box_style ul {width: 100%;grid-gap: 0;}
}
@media screen and (min-width:768px){
.btn{margin: 0 auto;width: 100%;z-index: 50;position: absolute;}
.btn img{width: 100%;}
.btn2{margin: 1em auto;width: 68%; z-index: 50;}
.box_all {padding: 50px 30px;}
.box_all2 {padding: 126px 0 50px 0px;}
.box_all3 {padding: 2% 0 0;border-radius:1.5em;background-color: #ffffff;}	
.box_all4 {padding: 0;}	
.box_bg {}
.box_bg3 {background: url(ppp.png?t=1761908167600) top center no-repeat;background-size: 100%;margin-bottom: 25px;}
.box_bg2 {border-radius:1.5em;margin-bottom: 50px;border-radius: 1em;background: url(frame.png?t=1761908167600) top center no-repeat;background-size: 100%;}	
.hint {color: #000;font-size: 30px;line-height: 40px;}
.hint2 {color: #fff;font-size: 30px;line-height: 40px;}	
.A_img.PD_layout li:nth-of-type(1) {padding: 0 7%;}
}
@media screen and (max-width:767px){
.btn{margin: 0em auto 0; width: 100%; z-index: 50; }
.btn2{margin:-1em auto;width: 84%; z-index: 50; }
.box_all {padding: 3vw;margin-bottom: 3vw;}
.box_all2 {padding-top: 9vw;width: 100%;overflow: hidden;}
.box_all3 {padding: 1vw 0 0;border-radius:1em;}	
.box_bg {border-radius: 2em;}	
.box_bg2 {border-radius:1em;background: url(frame.png?t=1761908167600) top center no-repeat;background-size: 100%;}	
.box_bg3 {background: url(ppp.png?t=1761908167600) top center no-repeat;background-size: 100%;margin-bottom: 2vw;}

.hint {color: #000;font-size: 4.3vw;line-height: 6vw;}	
.hint2 {color: #fff;font-size: 4.3vw;line-height: 6vw;}	
}
/*BN輪播移除公版設定*/
.Area .swiper_remove_box_style_K1 ul {display: flex;background-color: transparent;grid-gap: 0;padding: 0;}
.Area .swiper_remove_box_style_K1 ul li { border: none!important; background-color: #0000; }
.Area .swiper_remove_box_style_K1 ul li,
.Area .swiper_remove_box_style_K1 ul li .PD_img img { }
@media screen and (max-width:767px){
  .Area .swiper_remove_box_style_K1 ul { width: 100%;}
  .Area .swiper_remove_box_style_K1 ul {}
}



/* TOP-台北網紅節+logo */
@media screen and (min-width: 768px) {
	.md-text2 {position: absolute;margin-top: 10px!important;margin-left: 20px;background: none!important;width: 51%!important;}
	.md-text2 img { width: 100%; }	
	.hero .md-text {position: absolute;top: 306px;left: 314px;color: #000;}
	.hero-title .lg-text {margin-top: 81px;font-size: 98px;color: #000;}
	.md-text3 {position: absolute;margin-top: 359px!important;padding-left: 40px;background: none!important;width: 109%!important;color: #000000;font-size: 20px;font-weight: 300;}
	}
	@media screen and (max-width: 767px) {

	.md-text2 {position: absolute;margin-top: 4vw!important;margin-left: 2vw;background: none!important;width: 60%!important;}
	.md-text2 img { width: 100%; }
	.hero .md-text {position: absolute;top:41vw;left: 31vw;font-size: 1.2em !important;color: #000;}
	.hero-title .lg-text {margin-top: 11vw;color: #000;}	
	.md-text3 {position: absolute;margin-top: 43vw!important;margin-left: 2vw;background: none!important;width: 94%!important;text-align: center;line-height: 1.3em;color: #000000;font-weight: 300;font-size: 0.9em !important;}
	}

/*頁面高度*/
@media screen and (min-width:768px){
.PAGE{ height: fit-content!important; }
.page01.swiper-slide { height: 0;}
.page02.swiper-slide { height: 0;}
.page03.swiper-slide { height: 0;}
.page01.swiper-slide.swiper-slide-active { height: fit-content;}
.page02.swiper-slide.swiper-slide-active { height: fit-content;}  
.page03.swiper-slide.swiper-slide-active { height: fit-content;}


}

@media screen and (max-width:767px){
.PAGE{ height: fit-content!important; }
.page01.swiper-slide { height: 0;}
.page02.swiper-slide { height: 0;}
.page03.swiper-slide { height: 0;}

.page01.swiper-slide.swiper-slide-active { height: fit-content;}
.page02.swiper-slide.swiper-slide-active { height: fit-content;}
.page03.swiper-slide.swiper-slide-active { height: fit-content;}
}
.Area_PD .PD_layout ul::after{background: none !important;}

/*TOP頁籤*/
.Area01 {position: relative;top: 228px;height: auto!important;overflow: hidden;}
.Area01 .box .calendar {box-sizing: border-box;position: relative;}
.Area01 .box .calendar .btn_.btn_1 { position: absolute; bottom: 0; right: 0;   width: 24%; height:48%;}
.Area01 .box .bookmark {display: flex;margin: 0 auto 40px;padding: 0;box-sizing: border-box;justify-content: center;}
.Area01 .box .bookmark .btn { height:260px; }
.Area01 .box .bookmark .btn span { position: relative; }
.Area01 .box .bookmark .btn01 {height: 290px;}
.Area01 .box .bookmark .btn01::after {content:"";position: absolute;display:block;top: 0px;left: 14px;width: 90%;height: 110%;pointer-events:none;z-index: 10;background: url("btn_01_on.png?t=1761908167600") center top/100% no-repeat scroll;}
.Area01 .box .bookmark> :not(.cate-hover).btn01::after{ background: none;}
.Area01 .box .bookmark .btn02 {height:260px;}
.Area01 .box .bookmark .btn02::after {content:"";position: absolute;display:block;top: 0px;left: 14px;width: 90%;height: 110%;pointer-events:none;z-index: 10;background: url("btn_02_on.png?t=1761908167600") center top/100% no-repeat scroll;}
.Area01 .box .bookmark> :not(.cate-hover).btn02::after{ background: none;}
.Area01 .box .bookmark .btn03 {height: 260px;}
.Area01 .box .bookmark .btn03::after {content:"";position: absolute;display:block;top: 0px;left: 14px;width: 90%;height: 110%;pointer-events:none;z-index: 10;background: url("btn_03_on.png?t=1761908167600") center top/100% no-repeat scroll;}
.Area01 .box .bookmark> :not(.cate-hover).btn03::after{ background: none;}
.Area01 .box .bookmark a{ filter: brightness(1); }
.Area01 .box .bookmark> :not(.cate-hover){ filter: brightness(0.5); }
.Area01 .box .bookmark img { width: 90%;}
.Area01 .box .bookmark a {margin: 0;width: 23%;}
.Area01 .box .bookmark a.cate-hover { position: relative; }
.Area01 .button_myarrow_r { z-index: 99; position: absolute; top: 40%; right: 30px; width: 50px; height: 50px; cursor: pointer;}
.Area01 .button_myarrow_l { z-index: 99; position: absolute; top: 40%; left: 30px; width: 50px; height: 50px; cursor: pointer;}
.Area_add .Area_swiper_box{position: relative;width: 860px;overflow: hidden;}
.Area_add.Area960.Area_boxstyle>.Area_boxstyle_box1{    padding-top: 153px; padding-bottom:50px;}

@media screen and (max-width:767px){
.Area01 {position: relative;top: 5vw;height: auto;background-image: none;}
.Area01 .box .bookmark {margin: 13% 3% 0 1%;padding: 0;height: 39vw;}
.Area01 .box .bookmark .btn01 {height: 35vw;}
.Area01 .box .bookmark .btn02 { height: 30vw; }
.Area01 .box .bookmark .btn03 { height: 30vw;}
.Area01 .box .bookmark a {margin: 0% -4% 0% 0;width: 34%;}
.Area01 .box .bookmark a:nth-child(x) { margin-left: 20vw;}
.Area01 .box .lbtclass {width:100%;margin: 0 auto;}	
.Area01 .box .calendar .btn_.btn_1 { position: absolute; bottom: 0; right:48%;   width: 48%; height:32%;}	  
.Area_add .Area_swiper_box{position: relative;width:95%;overflow: hidden;left: 2%}	  
.Area_add.Area960.Area_boxstyle>.Area_boxstyle_box1{  padding:16vw 0 3vw;}	   
.Area_add  .box .PD_layout ul{width: 98%; height:55vw;}	
.Area01 .box .bookmark .btn01::after {content:"";position: absolute;display:block;top: 0vw;left: 1.8vw;width: 90%;height: 120%;pointer-events:none;z-index: 10;background: url("btn_01_on.png?t=1761908167600") center top/100% no-repeat scroll;}
.Area01 .box .bookmark .btn02::after {content:"";position: absolute;display:block;top: 0vw;left: 1.8vw;width: 90%;height: 120%;pointer-events:none;z-index: 10;background: url("btn_02_on.png?t=1761908167600") center top/100% no-repeat scroll;}
.Area01 .box .bookmark .btn03::after {content:"";position: absolute;display:block;top: 0vw;left: 1.8vw;width: 90%;height: 120%;pointer-events:none;z-index: 10;background: url("btn_03_on.png?t=1761908167600") center top/100% no-repeat scroll;}
}


/*頁籤01-曬單送好禮*/
@media screen and (min-width:768px){
.Area_PD01 .PD_layout ul {margin-top: 8px;margin-bottom: 25px;}
.Area_PD01 .text_date {position: absolute;top: -20px;left: 377px;width: 23%;}

}
@media screen and (max-width:767px){
.Area_PD01 .PD_layout ul {margin-bottom: 4vw;}
.Area_PD01 .text_date {position: absolute;top:-2vw;left:38vw;width: 23%;}

}

/*頁籤01-直播好物*/
.Area_PD04 .pdbg_d .PD_layout .PD h4{ display: none; }

@media screen and (min-width:768px){
.Area_PD02 .pdbg_b{height: 540px;}
.star_PDstyle .PD{position: relative;padding: 1% 5% 0;z-index: 5;}	
.star_PDstyle ul{ height: 500px; }



.star_PDstyle .PD_time span{color: #000;font-family: "Century Gothic","微軟正黑體";font-weight: bold;font-size: 41px;}
.star_PDstyle .PD_time #js-PD_val_1 {padding-left: 2vw;}
.star_PDstyle .PD_time #js-PD_val_2 { padding-left: 7vw; }
.star_PDstyle .PD_slide {padding: 1.5% 8% 0%;}
.star_PDstyle .PD_slide::after {content:"";position: absolute;display:block;top: 0;right: 0;width: 100%;height: 100%;pointer-events:none;z-index: -2;background: url("star_PDstyle_bg.png?t=1761908167600") center top/100% no-repeat scroll;}
.star_PDstyle .PD_slide::before {content:"";position: absolute;display:block;top: 0;right: 0;width: 100%;height: 94%;pointer-events:none;z-index: -2;background-color: #fff;border-radius: 0.7em;}	
.star_PDstyle .PD h3 {color: #00f083;background-color: #000;border-radius: 5em;font-size: 1.2em;}
.star_PDstyle .PD h3::after {content:"";position: absolute;display:block;top: 210px;right: 26px;width: 7%;height: 20%;pointer-events:none;z-index: -1;background: url("deco-11.png?t=1761908167600") center top/100% no-repeat scroll;}
.star_PDstyle .PD h4 {font-size: 1em;}
.star_PDstyle .PD_into {margin-top: 0;}	
	
}


.Area .Area_swiper_box{ height: 315px;}
.Area_boxstyle .swiper-pagination-bullet{background-color: #040404 !important;}
@media screen and (min-width:768px){

.Area_PD02 .text_date {position: absolute;top: -20px;left: 377px;width: 23%;}
}
@media screen and (max-width:767px){
.Area_PD02 .box_all { padding-top: 6%; }

.Area_PD02 .text_date {position: absolute;top:-2vw;left:38vw;width: 23%;}

.Area_PD02 .message-01{padding-top: 15vw !important;}
.Area_boxstyle .swiper-pagination-bullet{background-color: #040404 !important;}
.Area .Area_swiper_box{ height: 35vw;}

.star_PDstyle .PD{position: relative;padding: 1% 0 0;z-index: 5;}
.star_PDstyle .PD_time {margin-bottom: 0vw;}
.star_PDstyle .PD_time span{color: #000;font-family: "Century Gothic","微軟正黑體";font-weight: bold;font-size: 1.4em;}
.star_PDstyle .PD_time #js-PD_val_1 {padding-left: 2vw;}
.star_PDstyle .PD_time #js-PD_val_2 { padding-left: 7vw;}
.star_PDstyle .PD_slide {padding: 1.5% 5% 0%;}
.star_PDstyle .PD_slide::after {content:"";position: absolute;display:block;top: 0;right: 0;width: 100%;height: 100%;pointer-events:none;z-index: 0;background: url("star_PDstyle_bg.png?t=1761908167600") center top/100% no-repeat scroll;}
.star_PDstyle .PD_slide::before {content:"";position: absolute;display:block;top: 3vw;right: 0;width: 100%;height: 94%;pointer-events:none;z-index: -2;background-color: #fff;border-radius:0.5em;}	
.star_PDstyle .PD h3 {color: #02f083;background-color: #000;border-radius: 5em;}
.star_PDstyle .PD h3::after {content:"";position: absolute;display:block;top: 18vw;right: 0vw;width: 10%;height: 16%;pointer-events:none;z-index: -1;background: url("deco-11.png?t=1761908167600") center top/100% no-repeat scroll;}
.star_PDstyle .PD_into {margin-top: -3vw;margin-left: -2vw;}
	
	
}


/*頁籤01-攤位活動*/
.Area_stall_02 { font-size: 30px; line-height: 1.7; font-weight: 900; color: #7f5f4d;}
.Area_stall_02 .box_1 { margin: 0 23px;}
.Area_stall_02 .box_1 img { width: 100%; height: auto;}
@media screen and (min-width:768px){
.Area_stall_02.Area_boxstyle--hasBackdrop:before { top:-3%!important; }
}
@media screen and (max-width:767px){
.Area_stall_02 { font-size: 4vw;}
.Area_stall_02 .box_1 {margin: 2% 0 0;}
}
/*頁籤01-選單*/
.Area_stall_02 .box_tab { margin-left: 10px; }
.Area_stall_02 .box_tab ul { margin: 0; padding: 0; list-style: none;}
.Area_stall_02 .box_tab ul:after { content: ""; display: block; clear: both;}
.Area_stall_02 .box_tab li { float: left; margin: 0; margin-right: 10px; padding: 0; width: 541px;
                                  -webkit-transition: 0.2s ease;
                                     -moz-transition: 0.2s ease;
                                      -ms-transition: 0.2s ease;
                                       -o-transition: 0.2s ease;
                                          transition: 0.2s ease;}
.Area_stall_02 .box_tab li a { position: relative; display: block; padding: 1rem 0; border-radius: 20px 20px 0 0; font-size: 26px; line-height: 1; font-weight: 900;color: #52208f; background-color: #fff; font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica; }
.Area_stall_02 .box_tab li .cate-hover { color: #fff; background-color: #f2468a;}
@media screen and (max-width:767px){
.Area_stall_02 .box_tab li { margin-right: 2%; width: 47%;}
.Area_stall_02 .box_tab li a { padding: 0.7rem 0; border-radius: 2vw 2vw 0 0; font-size: 4vw;}
}
/*頁籤01-攤位列表*/
.Area_stall_02 .box_list {margin: 0;padding: 0;font-size: 0;font-family:"微軟正黑體","Microsoft JhengHei", Arial, Helvetica;}
.Area_stall_02 .box_list ul { margin: 0; padding: 0; list-style: none;}
.Area_stall_02 .box_list ul:after { content: ""; display: block; clear: both;}
.Area_stall_02 .box_list li {
                                  position: relative;
                                  float: left;
                                  margin: 0;
                                  margin-left: 1%;
                                  margin-bottom:2%;
                                  padding: 0;
                                  width: 24.2%;
                                  box-sizing: border-box;
                                  -webkit-transition: 0.2s ease;
                                  -moz-transition: 0.2s ease;
                                  -ms-transition: 0.2s ease;
                                  -o-transition: 0.2s ease;
                                  transition: 0.2s ease;
                                  }
.Area_stall_02 .box_list li:nth-of-type(4n+1) { margin-left: 0;}
.Area_stall_02 .box_list li:hover { -webkit-transform:translateY(-6px); -moz-transform:translateY(-6px); -ms-transform:translateY(-6px); -o-transform:translateY(-6px); transform:translateY(-6px);}
.Area_stall_02 .box_list li:hover { z-index: 2; box-shadow:0 3px 30px rgba(0,0,0,0.4);}
.Area_stall_02 .box_list .PD_img { margin: 10px; margin-bottom: -25%; border-radius: 10px; overflow: hidden;}
.Area_stall_02 .box_list .PD_logo {position: relative;margin: 0 auto;border-radius: 100px;overflow: hidden;width: 40%;background-color: #fff;border: #00f083 2px solid;}
.Area_stall_02 .box_list h4 {padding: 0;font-size: 30px;line-height: 50px;font-weight: 900;color: #000;margin: 0 auto;}
.Area_stall_02 .box_list h4 {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;white-space: normal;overflow: hidden;height: 50px;margin: 0 auto;display: none;}
.Area_stall_02 .box_list h5 { margin: 0 0 10px; padding: 0 10px; font-size: 20px; font-weight:500; line-height: 24px; color: #232323; text-align: left;}
.Area_stall_02 .box_list h5 { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; white-space: normal; overflow: hidden; height: 70px;}
@media screen and (max-width:767px){
.Area_stall_02 .box_list { margin: 0; padding: 2vw; border-radius: 5vw; background-color: #ffffff;}
.Area_stall_02 .box_list li { margin-left: 2%; width: 49%;}
.Area_stall_02 .box_list li:nth-of-type(4n+1) { margin-left: 2%;}
.Area_stall_02 .box_list li:nth-of-type(2n+1) { margin-left: 0;}
.Area_stall_02 .box_list li:hover { -webkit-transform:none; -moz-transform:none; -ms-transform:none; -o-transform:none; transform:none;}
.Area_stall_02 .box_list li:hover {box-shadow: none;}
.Area_stall_02 .box_list .PD_img { margin: 1vw; margin-bottom: -25%;}
.Area_stall_02 .box_list .PD_logo { border: #d5d5d5 1px solid;}
.Area_stall_02 .box_list h4 { font-size: 4vw; line-height: 8vw;}
.Area_stall_02 .box_list h4 { height: 8vw;}
.Area_stall_02 .box_list h5 {margin: 2vw 0 1vw;padding: 0 2%;font-size:3.8vw;line-height: 4.4vw;}
.Area_stall_02 .box_list h5 { height: 14vw;}
}
/*頁籤01-看更多*/
.Area_stall_02 .box_btn { }
.Area_stall_02 .box_btn a { display: block; margin: 2% auto; width: 32%;}
.Area_stall_02 .text_date {position: absolute;top:-26px;left:378px;width: 23%;}

@media screen and (max-width:767px){
.Area_stall_02 .box_btn a { width: 50%;}
.Area_stall_02 .text_date {position: absolute;top:-2vw;left:38vw;width: 23%;}
}

/*頁籤01-攤位活動公版設定*/
@media screen and (min-width:768px){
.Area_stall_02 .box_list li{ border-right: solid 1px #d1d1d1; border-top: solid 1px #d1d1d1;  }
.Area_stall_02 .box_list li:nth-child(1),.Area_stall_02 .box_list li:nth-child(2),.Area_stall_02 .box_list li:nth-child(3),.Area_stall_02 .box_list li:nth-child(4){ border-top:none; }
.Area_stall_02 .box_list li:nth-child(4),.Area_stall_02 .box_list li:nth-child(8),.Area_stall_02 .box_list li:nth-child(12),.Area_stall_02 .box_list li:nth-child(16),.Area_stall_02 .box_list li:nth-child(20){ border-right:none; }
}
@media screen and (max-width: 767px) {
.Area_stall_02 .box_list ul { padding: 2vw 0; }



.Area_stall_02 .box_list li{ border-right: solid 1px #d1d1d1; border-top: solid 1px #d1d1d1;  }
.Area_stall_02 .box_list li:nth-child(even){ border-right:none; }
.Area_stall_02 .box_list li:nth-child(1),.Area_stall_02 .box_list li:nth-child(2){ border-top:none; }
}






/*頁籤02-攤位集點好禮拿不完*/
@media screen and (min-width:768px){
.step_box.PD_layout ul {margin-top: 0!important;padding: 4% 2% 0!important;grid-gap: 20px;}
}
@media screen and (max-width:767px){
.step_box.PD_layout ul{grid-gap: 0em!important;padding: 0;margin: 0!important;}
}

/*頁籤02-我的集點卡*/
.Area_logo_02 {font-size: 30px;line-height: 1.7;font-weight: 900;color:#000000}
.Area_logo_02 .box_1 {margin: 0 50px;}
.Area_logo_02 .box_1 img {width: 100%;height: auto;}
.Area_logo_02 .box_list { margin-bottom: 2%;margin-top: -51px;}
.Area_logo_02 .box_list ul { margin: 0; padding: 0; list-style: none;}
.Area_logo_02 .box_list ul:after { content: ""; display: block; clear: both;}
.Area_logo_02 .box_list li { position: relative; float: left; margin: 0; padding: 0; margin-left: 1%; width: 32.2%;}
.Area_logo_02 .box_list li:nth-of-type(4n+1) { margin-left: 0;}
.Area_logo_02 .box_list li p {margin: 4%;padding: 0;background-color: #fff;border-radius: 50em;}
.Area_logo_02 .box_list li.openlogo i { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; background-image: url("logo_stall_openlogo.png?t=1761908167600"); background-repeat: no-repeat; background-position: center center; background-size: 100%;}
.Area_logo_02 .box_list img{ border-radius: 50em; }
.Area_logo_02 .box_btn {margin: 71px auto;width: 74%;display: flex;justify-content: center;flex-wrap: nowrap;align-items: center;grid-gap: 25px;}
.Area_logo_02 .box_btn:after { content: ""; display: block; clear: both;}
.Area_logo_02 .box_btn a { display: block; }
.Area_logo_02 .box_btn a:first-child { margin: 0 auto; }
.Area_logo_02 .box_list li:nth-child(22){margin-left:245px;}

@media screen and (max-width:767px){
.Area_logo_02 {font-size: 0.9em;}
.Area_logo_02 .box_1 {margin: 0;}

.Area_logo_02 .box_btn { margin:7vw auto 3vw;width:81%;display: flex;grid-gap: 3vw;}	
.Area_logo_02 .box_list {margin: 2%;padding-bottom: 2vw;}
.Area_logo_02 .box_list img{ border-radius: 50em; }
.Area_logo_02 .box_list li {position: relative;float: left;margin: 0;padding: 0.6%;width: 32%;}
.Area_logo_02 .box_list li:nth-of-type(3n+1) { margin-left: 0;}
.Area_logo_02 .box_list li:nth-child(22){margin-left: 29vw;}
}



/*頁籤02-強檔品牌搶先逛*/
.PD_layout-D1_01 .PD .PD_logo {width: 90%!important;height: 100%!important;background-color: #fff;border-radius: 0.5em!important;padding: 4% 10%;margin-top: -8vw!important;box-shadow: 0 0.1em 0.5em 0 rgba(0,0,0,0.1);}
.PD_layout-D1_01 .PD .PD_logo img {width: 100%!important;border: none!important;border-radius: 0!important;box-shadow: none!important;}
.PD_layout-D1_01 .PD h4 b { display: none; }
.PD_layout-D1_01 .PD_slide {background-color: #00f083 !important;}
.PD_layout-D1_01 ul { height: 50vw; margin: 0!important;}
.PD_layout-D1_01 .PD_into {z-index: 5;margin-top: 1vw;}
.PD_layout .PD_img { position: relative; }

@media screen and (min-width:768px){
.PD_layout-D1_01 .PD .PD_logo {width: 90%!important;height: 100%!important;background-color: #fff;border-radius: 0.5em!important;padding: 4% 10%;margin-top: -50px!important;box-shadow: 0 0.1em 0.5em 0 rgba(0,0,0,0.1);}
.PD_layout-D1_01 .PD_slide {height: 306px;}
.PD_layout-D1_01 ul {padding: 0!important;height: 308px;}
}

.PD_layout-D1_07.PD_layout ul::before{background-image: none !important;}
.PD_layout-D1_07.PD_layout ul{background-color: #00000000;}
